Câu hỏi được gắn thẻ «vuejs2»

Trong VueJS, chúng ta có thể thêm hoặc xóa một phần tử DOM bằng v-if: <button v-if="isRequired">Important Button</button> nhưng có cách nào để thêm / xóa các thuộc tính của một phần tử dom, ví dụ: cho thuộc tính bắt buộc được đặt có điều kiện sau đây không: Username: …

119 javascript  vue.js  vuejs2 

Tổng quat Trong Vue.js 2.x, model.syncsẽ không được dùng nữa . Vì vậy, cách thích hợp để giao tiếp giữa các thành phần anh em trong Vue.js 2.x là gì? Lý lịch Theo tôi hiểu Vue 2.x, phương pháp ưu tiên cho giao tiếp anh chị em là sử dụng …

112 javascript  vue.js  vuejs2  vue-component  vuex 

Làm thế nào tôi có thể lặp lại một vòng lặp qua v-forX (ví dụ: 10) lần? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> Tài liệu cho thấy: <ul> <li v-for="item in 10">{{ item }}</li> …

112 javascript  vue.js  vuejs2  v-for 

Tôi có một mảng được gọi là peoplechứa các đối tượng như sau: Trước [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Nó có thể thay đổi: Sau [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: …

108 javascript  vue.js  vuejs2 

Tôi có một thành phần với một số xác thực biểu mẫu. Đây là một hình thức thanh toán nhiều bước. Đoạn mã dưới đây là dành cho bước đầu tiên. Tôi muốn xác thực rằng người dùng đã nhập một số văn bản, lưu trữ tên của họ ở …

108 vue.js  vuejs2  vue-component  vuex 

Ứng dụng của tôi sử dụng API Firebase để Xác thực người dùng, lưu trạng thái Đăng nhập dưới dạng giá trị boolean trong Trạng thái Vuex. Khi người dùng đăng nhập, tôi đặt trạng thái đăng nhập và có điều kiện hiển thị nút Đăng nhập / Đăng xuất …

106 vue.js  vuejs2  state  vuex 

Tôi có một chế độ xem động: <div id="myview"> <div :is="currentComponent"></div> </div> với một phiên bản Vue được liên kết: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Điều này cho phép tôi thay đổi thành phần của mình một cách linh hoạt. Trong …

105 javascript  vue.js  vuejs2  vue-component 

Tôi muốn nối biến Vue.js với URL hình ảnh. Những gì tôi đã tính toán: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Nếu tôi xây dựng cho Android: <img src="/android_asset/www/img/logo.png"> Khác <img src="img/logo.png"> Làm cách nào để nối biến đã tính với URL? Tôi đã …

105 javascript  vue.js  vuejs2 

Hãy xem xét một đơn giản Vue viết blog: Tôi đang sử dụng Vuex như kho dữ liệu của tôi và tôi cần phải thiết lập hai thu khí : một getPostgetter để lấy một postbằng ID, cũng như một listFeaturedPostsrằng lợi nhuận vài ký tự đầu tiên của mỗi …

105 vuejs2  vuex 

Tôi đọc tài liệu, nhưng tôi không thể hiểu nó. Tôi biết dữ liệu, tính toán, xem, các phương thức làm gì nhưng được nextTick()sử dụng để làm gì trong vuejs?

104 vue.js  vuejs2 

Cách thay đổi số cổng trong dự án Vue-cli để nó chạy trên một cổng khác thay vì 8080.

103 vue.js  vuejs2  command-line-interface  vue-cli 

Thành phần vue của tôi như thế này: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { …

99 vue.js  vuejs2  vue-component 

Tôi có một chức năng giúp lọc dữ liệu. Tôi đang sử dụng v-on:changekhi người dùng thay đổi lựa chọn nhưng tôi cũng cần hàm được gọi ngay cả trước khi người dùng chọn dữ liệu. Tôi đã làm tương tự với AngularJSviệc sử dụng trước đó ng-initnhưng tôi hiểu …

97 javascript  vue.js  vuejs2 

Tôi muốn đặt tất cả các chức năng của mình nói chuyện với máy chủ và tìm nạp dữ liệu vào một tệp có thể sử dụng lại duy nhất trong VueJS. Các plugin dường như không phải là giải pháp thay thế tốt nhất. Template ít thành phần hơn …

95 service  vue.js  vuejs2 

var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …

95 javascript  vue.js  vuejs2  vue-component