«vue-component» etiketlenmiş sorular

Bileşen, temel HTML öğelerinin yeniden kullanılabilir kodu kapsayacak şekilde genişletilmesine olanak tanıyan güçlü bir Vue özelliğidir.

9
Vue.js - İç içe veriyi düzgün şekilde izleme
Düzgün bazı prop varyasyon izlemek için nasıl anlamaya çalışıyorum. Bir ajax çağrısından veri almak, bir nesnenin içine veri koymak ve benim uygulama basitleştirilmesi altında bir v-yönergesi ile bazı alt bileşen oluşturmak için kullanmak bir üst bileşen (.vue dosyaları) var: <template> <div> <player v-for="(item, key, index) in players" :item="item" :index="index" :key="key""> …
13
'Sahne' değişiklikleri nasıl dinlenir
In VueJs 2.0 docs ben dinlerdim herhangi kanca bulamıyorum propsdeğişiklikleri. VueJ'lerin onPropsUpdated()benzer kancaları var mı ? Güncelleme @Wostex'in önerdiği gibi, mülküme çalıştım watchama hiçbir şey değişmedi. Sonra özel bir durumum olduğunu fark ettim: <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] } </script> myPropÜst bileşenin bileşene aldığını geçiyorum …
7
Vue v-on: tıklama bileşen üzerinde çalışmıyor
Bir bileşenin içindeki tıklama yönergesini kullanmaya çalışıyorum ama işe yaramıyor gibi görünüyor. Bileşeni tıklattığımda, konsolda bir 'test tıklatıldı' almam gerektiğinde hiçbir şey olmaz. Konsolda herhangi bir hata görmüyorum, bu yüzden neyi yanlış yaptığımı bilmiyorum. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div id="app"></div> <!-- built files will …
15
vuejs alt bileşenden üst verileri günceller
Vuejs (2.0) ile oynamaya başlıyorum. İçinde tek bileşen bulunan basit bir sayfa oluşturdum. Sayfada veriler içeren bir Vue örneği vardır. Bu sayfada, bileşeni html'ye kaydettim ve ekledim. Bileşende bir tane var input[type=text]. Bu değerin üst öğeye (ana Vue örneği) yansımasını istiyorum. Bileşenin üst verilerini nasıl doğru şekilde güncellerim? Üst öğeden …
2
Vue bileşen sahne donanımı için varsayılan değerler ve kullanıcının pervane ayarlayıp ayarlamadığını nasıl kontrol edebilirim?
1. Vue 2'de bir bileşen desteği için varsayılan değeri nasıl ayarlayabilirim? Örneğin, moviesbu şekilde kullanılabilecek basit bir bileşen vardır: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Ancak, bir kullanıcı yearşunları belirtmezse : <movies></movies> bileşen yearpervane için bazı varsayılan değerler alacaktır . 2. Ayrıca, bir kullanıcının pervane ayarlayıp …
4
Vue 'varsayılan dışa aktarma' ve 'yeni Vue'
Vue'yu yeni kurdum ve vue-cli web paketi şablonunu kullanarak bir proje oluşturmak için bazı öğreticileri takip ediyorum. Bileşeni oluşturduğunda, verilerimizi aşağıdakilerin içine bağladığını fark ettim: export default { name: 'app', data: [] } Oysa diğer eğitimlerde verinin şunlardan bağlandığını görüyorum: new Vue({ el: '#app', data: [] )} Fark nedir ve …
4
Vuex - Hesaplanan özellik "adı" atandı, ancak ayarlayıcı yok
Bazı form doğrulamalı bir bileşenim var. Çok adımlı bir ödeme formudur. Aşağıdaki kod ilk adım içindir. Kullanıcının bir metin girdiğini doğrulamak, adını genel durumda saklamak ve ardından bir sonraki adıma göndermek istiyorum. Ben kullanıyorum vee doğrulamanız ve vuex <template> <div> <div class='field'> <label class='label' for='name'>Name</label> <div class="control has-icons-right"> <input name="name" …
6
VueJs 2.0'da kardeş bileşenler arasındaki iletişim
genel bakış Vue.js 2.x model.syncedilecektir kaldırılmış . Peki, Vue.js 2.x'te kardeş bileşenler arasında iletişim kurmanın uygun bir yolu nedir? Arka fon Vue 2.x'i anladığım kadarıyla, kardeş iletişimi için tercih edilen yöntem bir mağaza veya bir olay veriyolu kullanmaktır . Göre Evan (Vue yaratıcısı): Ayrıca, "verilerin bileşenler arasında geçirilmesi" genel olarak …
4
Props'u VueJS'deki dinamik bileşene aktarma
Dinamik bir görüşüm var: <div id="myview"> <div :is="currentComponent"></div> </div> ilişkili bir Vue örneğiyle: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Bu, bileşenimi dinamik olarak değiştirmeme izin veriyor. Benim durumumda üç farklı bileşene sahibim: myComponent , myComponent1, ve myComponent2. Ve aralarında şu şekilde geçiş …
6
İnterpolasyon içerisindeki özniteliklerin nasıl çözüleceği kaldırıldı. V-bind veya iki nokta üst üste kısaltması mı kullanıyorsunuz? Vue.JS 2
Benim vue bileşenim şöyle: <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() { return …
12
[Vue warn]: Özellik veya yöntem, örnekte tanımlanmaz, ancak oluşturma sırasında başvurulur
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) …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.