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

Tôi đang cố gắng hiểu làm thế nào để theo dõi đúng một số biến thể prop. Tôi có một thành phần cha mẹ (tệp .vue) nhận dữ liệu từ lệnh gọi ajax, đặt dữ liệu vào trong một đối tượng và sử dụng nó để hiển thị một số …

413 javascript  vue.js  vue-component  vue-resource 

bên trong tài liệu VueJs 2.0, tôi không thể tìm thấy bất kỳ hook nào nghe đượcprops thay đổi. VueJs có móc như vậy không onPropsUpdated() hoặc tương tự? Cập nhật Như @wostex đề xuất, tôi đã thử watchtài sản của mình nhưng không có gì thay đổi. Sau đó, …

257 javascript  vue.js  vuejs2  vue-component 

Tôi đang cố gắng sử dụng chỉ thị nhấp chuột bên trong một thành phần nhưng dường như nó không hoạt động. Khi tôi nhấp vào các thông báo thành phần sẽ xảy ra khi tôi nhận được 'nhấp vào thử nghiệm' trong bảng điều khiển. Tôi không thấy bất …

186 javascript  vue-component  vuejs2  vue.js 

Tôi đang bắt đầu chơi với vuejs (2.0). Tôi đã xây dựng một trang đơn giản với một thành phần trong đó. Trang này có một ví dụ Vue với dữ liệu. Trên trang đó tôi đã đăng ký và thêm thành phần vào html. Các thành phần có một …

154 javascript  vue.js  vue-component 

Tôi đã sử dụng hai tập lệnh bên ngoài cho các cổng thanh toán. Ngay bây giờ cả hai được đặt trong index.htmltập tin. Tuy nhiên, tôi không muốn tải các tệp này ngay từ đầu. Cổng thanh toán chỉ cần thiết khi người dùng mở một thành phần cụ …

150 javascript  vue.js  vuejs2  vue-component  vue-router 

1. Làm cách nào tôi có thể đặt giá trị mặc định cho prop thành phần trong Vue 2? Ví dụ, có một moviesthành phần đơn giản có thể được sử dụng theo cách này: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Nhưng, nếu người dùng không …

139 javascript  vue.js  vue-component 

Tôi vừa cài đặt Vue và đã theo dõi một số hướng dẫn để tạo dự án bằng cách sử dụng mẫu webpack vue-cli. Khi nó tạo ra thành phần, tôi nhận thấy nó liên kết dữ liệu của chúng tôi bên trong như sau: export default { name: 'app', …

136 vue.js  vue-component  vue-cli 

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 

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 

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 

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 

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 

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="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } } </script> Kết quả của {{ item.total }}là 26000000 …

81 vue.js  vuejs2  vue-component  vuex