vue js 'document.getElementById' viết tắt

Question

Liệu js vue có viết tắt cho document.getElementById('#id') như JQuery's $('#id')?

Nếu có, tham chiếu về điều này trong tài liệu để tôi có thể tìm thông tin khác ở đâu?

Answer 1

Bạn có thể sử dụng chỉ thị v-el để lưu một phần tử và sau đó sử dụng nó sau này.

https://vuejs.org/api/#vm-els

<div v-el:my-div></div> 
<!-- this.$els.myDiv ---> 

Chỉnh sửa: Đây là phản đối trong Vue 2, xem 胡亚雄 trả lời

Answer 2

Nếu bạn đang cố gắng để có được một yếu tố bạn có thể sử dụng Vue.util.query mà thực sự chỉ là một wrapper quanh document.querySelector nhưng với 14 ký tự và 22 ký tự (tương ứng), nó ngắn hơn về mặt kỹ thuật. Nó cũng có một số xử lý lỗi trong trường hợp phần tử bạn đang tìm kiếm không tồn tại.

Không có bất kỳ tài liệu chính thức về Vue.util, nhưng đây là toàn bộ nguồn của hàm:

function query(el) { 
    if (typeof el === 'string') { 
    var selector = el; 
    el = document.querySelector(el); 
    if (!el) { 
     ({}).NODE_ENV !== 'production' && warn('Cannot find element: ' + selector); 
    } 
    } 
    return el; 
} 

Repo liên kết: Vue.util.query

Answer 3

Theres không có cách viết tắt trong vue 2.

Phương pháp của Jeff dường như không được chấp nhận trong vue 2.

Có một cách khác để đạt được mục tiêu của bạn.

<div id="myDiv" ref="myDiv"> 
</div> 

methods: { 

    showMyDiv() { 
     console.log(this.$refs.myDiv); 
    } 
} 

Answer 4

bạn có thể tìm thấy câu trả lời trong sự kết hợp của hai trang này trong API:

• REF

ref được sử dụng để đăng ký một tham chiếu đến một yếu tố hoặc một thành phần con . Tham chiếu sẽ được đăng ký theo đối tượng $ refs của phụ huynh thành phần. Nếu sử dụng trên một phần tử DOM đồng bằng, các tham khảo sẽ là yếu tố

• vm.$refs

Một đối tượng chứa các thành phần trẻ đã đăng ký ref.

Answer 5

Cố gắng không thực hiện thao tác DOM bằng cách tham chiếu DOM trực tiếp, nó sẽ gặp nhiều vấn đề về hiệu năng.

Điều này sẽ giúp bạn kiểm soát nhiều hơn thao tác, bạn cũng có thể quản lý các chức năng theo định dạng mô-đun.