«vue.js» etiketlenmiş sorular

Giriş alanlarını değiştirirken Vue-yönlendirici ile sorgu parametreleri ayarlamaya çalışıyorum, başka bir sayfaya gitmek istemiyorum ama sadece aynı sayfadaki url sorgu parametrelerini değiştirmek istiyorum, şöyle yapıyorum: this.$router.replace({ query: { q1: "q1" } }) Ancak bu aynı zamanda sayfayı yeniler ve y konumunu 0 olarak ayarlar, yani sayfanın en üstüne kaydırır. URL …

117 javascript  vue-router  vue.js 

Vue.js ile bir etiket ve bir girdi içeren bir bileşen oluşturmak istiyorum. Örneğin : <label for="inputId">Label text</label> <input id="inputId" type="text" /> Her bileşen örneği için nasıl benzersiz bir kimlik belirleyebilirim? Teşekkür ederim.

115 vue.js 

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 …

113 javascript  vue.js  vuejs2  vue-component  vuex 

Soru: Tek bir @click ile birden fazla işlevi nasıl çağırabilirim? (aka v-on:click)? denedim Noktalı virgül ile bölünmüş fonksiyonlar <div @click="fn1('foo');fn2('bar')"> </div>:; Birkaç kullanın @click: <div @click="fn1('foo')" @click="fn2('bar')"> </div>; ama nasıl düzgün yapılır? Not : Elbette her zaman yapabilirim <div v-on:click="fn3('foo', 'bar')"> </div> function fn3 (args) { fn1(args); fn2(args); } Ama …

112 javascript  vue.js 

Belirli bir bileşene iki şekilde yönlendirmem gerekiyor - biri parametresiz, diğeri yok. İsteğe bağlı parametreleri aradım ve bir şekilde fazla bilgi bulamıyorum. Benim rotam: { path: '/offers/:member', component: Offers, name: 'offers', props: true, meta: { guest: false, needsAuth: true } }, Programlı olarak param ile çağırdığımda her şey yolunda this.$router.push({ …

111 vue.js 

CLI (v3.7.0) ile yeni bir proje oluştururken, dart-sassveya node-sassderleyici arasında seçim yapma seçeneği vardır . Vue belgelerinde belirtilenden daha spesifik olmak üzere bunlar birbirleriyle nasıl karşılaştırılır ? Sass Performansı Üzerine Bir İpucu Dart Sass kullanılırken, zaman uyumsuz geri aramaların ek yükü nedeniyle senkronize derlemenin varsayılan olarak eşzamansız derlemeden iki kat …

109 vue.js  webpack  sass  vue-cli  node-sass 

peopleAşağıdaki gibi nesneleri içeren bir dizim var : Önce [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Değişebilir: Sonra [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, name: 'Joe', age: 38} …

108 javascript  vue.js  vuejs2 

Vue.js değişkenini resim URL'si ile birleştirmek istiyorum. Hesapladığım: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Android için oluşturursam: <img src="/android_asset/www/img/logo.png"> Başka <img src="img/logo.png"> Hesaplanan değişkeni URL ile nasıl birleştirebilirim? Denedim: <img src="{{imgPreUrl}}img/logo.png">

108 javascript  vue.js  vuejs2 

Bu yüzden, bir Vue bileşenine props aktarmak istiyorum, ancak bu props'ların gelecekte bu bileşenin içinden değişmesini bekliyorum, örneğin, AJAX kullanarak o Vue bileşenini içeriden güncellediğimde. Bu yüzden sadece bileşenin ilklendirilmesi içindir. Benim cars-listVue I başlangıç özellikleri olan sahne geçen yapı elemanı single-car: // cars-list.vue <script> export default { data: function() …

108 javascript  vue.js  vuejs2 

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ş …

107 javascript  vue.js  vuejs2  vue-component 

Uygulamam Kullanıcı Kimlik Doğrulaması için Firebase API'yi kullanıyor ve Giriş durumunu Vuex Durumunda boole değeri olarak kaydediyor. Kullanıcı oturum açtığında, oturum açma durumunu ayarlıyorum ve buna göre Koşullu olarak Oturum Aç / Oturumu Kapat düğmesini görüntülüyorum. Ancak sayfa yenilendiğinde, vue uygulamasının durumu kaybolur ve varsayılana sıfırlanır Bu, kullanıcı oturum açtığında …

107 javascript  vue.js  vuejs2  state  vuex 

Vue.js'de bir öğenin üzerine geldiğimde bir div göstermek istiyorum. Ama işe yarayacak gibi görünmüyorum. Görünüşe göre vue.js'de fareyle üzerine gelme veya fareyle üzerine gelme etkinliği yok. Bu gerçekten doğru mu? Jquery hover ve vue yöntemlerini birleştirmek mümkün olabilir mi?

106 javascript  vue.js 

Vue-cli projesinde Port numarası 8080 yerine başka bir portta çalışacak şekilde nasıl değiştirilir.

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

Birçok (50+) tek dosya bileşenine sahip bir Vue 2 projem var . Yönlendirme için Vue-Router ve durum için Vuex kullanıyorum. Bir dizenin ilk harfini büyük harfle yazmak gibi bir dizi genel amaçlı işlevi içeren helpers.js adlı bir dosya vardır . Bu dosya şuna benzer: export default { capitalizeFirstLetter(str) { return …

106 vue.js  vue-router 

Öncelikle, Vue'da yeni olduğumu söylemek istiyorum ve bu benim Vue kullanan ilk projem. Birleşik giriş kutum var ve seçilen birleşik giriş kutusuna bağlı olarak farklı bir şey yapmak istiyorum. Ayrı vue.html ve typescript dosyası kullanıyorum. İşte kodum. <select name="LeaveType" @change="onChange()" class="form-control"> <option value="1">Annual Leave/ Off-Day</option> <option value="2">On Demand Leave</option> </select> …

102 javascript  html  asp.net-mvc  vue.js