Pertanyaan yang diberi tag «vue-component»

9
Vue.js - Cara mengawasi data bersarang dengan benar
Saya mencoba memahami cara menonton dengan benar untuk beberapa variasi penyangga. Saya memiliki komponen induk (file .vue) yang menerima data dari panggilan ajax, memasukkan data ke dalam objek dan menggunakannya untuk membuat beberapa komponen anak melalui v-for directive, di bawah penyederhanaan implementasi saya: <template> <div> <player v-for="(item, key, index) in …
13
Cara mendengarkan perubahan 'alat peraga'
Dalam VueJs 2.0 docs saya tidak dapat menemukan kait yang akan mendengarkan propsperubahan. Apakah VueJ memiliki kait seperti itu onPropsUpdated()atau serupa? Memperbarui Seperti saran @wostex, saya mencoba watchproperti saya tetapi tidak ada yang berubah. Kemudian saya menyadari bahwa saya punya kasus khusus: <template> <child :my-prop="myProp"></child> </template> <script> export default { …
7
Vue v-on: klik tidak berfungsi pada komponen
Saya mencoba menggunakan arahan klik di dalam komponen tetapi sepertinya tidak berhasil. Ketika saya mengklik komponen tak berguna terjadi ketika saya harus mendapatkan 'tes diklik' di konsol. Saya tidak melihat kesalahan di konsol, jadi saya tidak tahu apa yang saya lakukan salah. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> …
13
vuejs memperbarui data induk dari komponen anak
Saya mulai bermain dengan vuejs (2.0). Saya membangun halaman sederhana dengan satu komponen di dalamnya. Halaman memiliki satu instance Vue dengan data. Pada halaman itu saya mendaftar dan menambahkan komponen ke html. Komponen memiliki satu input[type=text]. Saya ingin nilai itu mencerminkan orangtua (contoh Vue utama). Bagaimana cara saya memperbarui data …
2
Nilai default untuk props komponen Vue & bagaimana cara memeriksa apakah pengguna tidak mengatur prop?
1. Bagaimana saya bisa menyetel nilai default untuk sebuah prop komponen di Vue 2? Misalnya, ada movieskomponen sederhana yang dapat digunakan dengan cara ini: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Namun, jika pengguna tidak menentukan year: <movies></movies> maka komponen akan mengambil beberapa nilai default untuk yearprop. …
5
Vue 'standar ekspor' vs 'Vue baru'
Saya baru saja menginstal Vue dan telah mengikuti beberapa tutorial untuk membuat proyek menggunakan templat webpack vue-cli. Ketika itu membuat komponen, saya perhatikan itu mengikat data kami di dalam hal-hal berikut: export default { name: 'app', data: [] } Sedangkan dalam tutorial lain saya melihat data terikat dari: new Vue({ …
6
Komunikasi antar komponen saudara di VueJs 2.0
Gambaran Di Vue.js 2.x, tidak model.syncakan digunakan lagi . Jadi, apa cara yang tepat untuk berkomunikasi antar komponen saudara di Vue.js 2.x ? Latar Belakang Seperti yang saya pahami Vue 2.x, metode yang disukai untuk komunikasi saudara adalah menggunakan toko atau bus acara . Menurut Evan (pencipta Vue): Perlu juga …
4
Vuex - Properti "nama" yang dihitung telah ditetapkan tetapi tidak memiliki penyetel
Saya memiliki komponen dengan beberapa validasi formulir. Ini adalah formulir pembayaran multi langkah. Kode di bawah ini untuk langkah pertama. Saya ingin memvalidasi bahwa pengguna memasukkan beberapa teks, menyimpan nama mereka di status global dan kemudian mengirimkannya ke langkah berikutnya. Saya menggunakan vee-validate dan vuex <template> <div> <div class='field'> <label …
4
Meneruskan alat peraga secara dinamis ke komponen dinamis di VueJS
Saya memiliki pandangan dinamis: <div id="myview"> <div :is="currentComponent"></div> </div> dengan contoh Vue terkait: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Ini memungkinkan saya untuk mengubah komponen saya secara dinamis. Dalam kasus saya, saya memiliki tiga komponen yang berbeda: myComponent, myComponent1, dan myComponent2. Dan …
6
Bagaimana mengatasi Interpolasi di dalam atribut telah dihapus. Gunakan v-bind atau singkatan dari titik dua? Vue.JS 2
Komponen vue saya seperti ini: <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: { list: function() { …
12
[Vue warn]: Properti atau metode tidak didefinisikan pada instance tetapi direferensikan selama render
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) …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.