Pertanyaan yang diberi tag «vuejs2»

Di VueJS kita dapat menambah atau menghapus elemen DOM menggunakan v-if: <button v-if="isRequired">Important Button</button> tetapi adakah cara untuk menambah / menghapus atribut dari elemen dom misalnya untuk menetapkan atribut yang diperlukan berikut ini secara bersyarat: Username: <input type="text" name="username" required> dengan sesuatu yang mirip dengan: Username: <input type="text" name="username" v-if="name.required" …

119 javascript  vue.js  vuejs2 

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 …

113 javascript  vue.js  vuejs2  vue-component  vuex 

Saya memiliki sebuah array bernama peopleyang berisi objek sebagai berikut: Sebelum [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Itu bisa berubah: Setelah [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, …

108 javascript  vue.js  vuejs2 

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 …

108 vue.js  vuejs2  vue-component  vuex 

Saya membaca dokumennya, tapi saya tidak bisa memahaminya. Saya tahu data apa, dihitung, tonton, metode lakukan tetapi untuk apa nextTick()digunakan dalam vuejs?

108 vue.js  vuejs2 

Saya ingin menggabungkan variabel Vue.js dengan URL gambar. Apa yang saya hitung: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Jika saya membangun untuk android: <img src="/android_asset/www/img/logo.png"> Lain <img src="img/logo.png"> Bagaimana cara menggabungkan variabel yang dihitung dengan URL? Saya mencobanya: <img src="{{imgPreUrl}}img/logo.png">

106 javascript  vue.js  vuejs2 

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 …

105 javascript  vue.js  vuejs2  vue-component 

Bagaimana mengubah nomor Port di proyek Vue-cli agar berjalan di port lain, bukan di 8080.

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

Jadi saya ingin meneruskan props ke sebuah komponen Vue, tapi saya berharap props ini berubah di masa depan dari dalam komponen itu misalnya ketika saya mengupdate komponen Vue dari dalam menggunakan AJAX. Jadi mereka hanya untuk inisialisasi komponen. cars-listElemen komponen Vue saya tempat saya meneruskan props dengan properti awal ke …

101 javascript  vue.js  vuejs2 

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() { …

101 vue.js  vuejs2  vue-component 

Saya ingin meletakkan semua fungsi saya yang berbicara ke server dan mengambil data ke dalam satu file yang dapat digunakan kembali di VueJS. Plugin tampaknya bukan alternatif terbaik. Template lebih sedikit komponen ..?

99 service  vue.js  vuejs2 

Saya memiliki fungsi yang membantu memfilter data. Saya menggunakan v-on:changeketika pengguna mengubah pilihan tetapi saya juga membutuhkan fungsi untuk dipanggil bahkan sebelum pengguna memilih data. Saya telah melakukan hal yang sama dengan AngularJSpenggunaan sebelumnya ng-inittetapi saya mengerti bahwa tidak ada arahan seperti itu divue.js Inilah fungsi saya: getUnits: function () …

97 javascript  vue.js  vuejs2 

Tampaknya Vue.js 2.0 tidak memancarkan peristiwa dari anak cucu ke komponen induknya. Vue.component('parent', { template: '<div>I am the parent - {{ action }} <child @eventtriggered="performAction"></child></div>', data(){ return { action: 'No action' } }, methods: { performAction() { this.action = 'actionDone' } } }) Vue.component('child', { template: '<div>I am the child …

97 javascript  vuejs2  vue.js 

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 

Saya baru mengenal vue.js (2) dan saat ini saya sedang mengerjakan aplikasi acara sederhana. Saya telah berhasil menambahkan acara tetapi sekarang saya ingin menghapus acara berdasarkan mengklik sebuah tombol. HTML <div class="list-group"> <div class="list-group-item" v-for="event in events"> <h4 class="list-group-item-heading"> {{ event.name }} </h4> <h5> {{ event.date }} </h5> <p class="list-group-item-text" …

95 javascript  vuejs2