«vue.js» etiketlenmiş sorular

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 …

102 vue.js  vuejs2  vue-component 

Ben erişmek istediğiniz state.sessioniçinde instance.jsgelen records_view.js. Bu nasıl başarılır? store / modüller / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; store / module / records_view.js const actions = { getSettingsAction …

100 javascript  vue.js  vuex 

Sunucuyla konuşan tüm işlevlerimi VueJS'de tek bir yeniden kullanılabilir dosyaya almak istiyorum. Eklentiler en iyi alternatif gibi görünmüyor. Daha az bileşen şablonu ..?

100 service  vue.js  vuejs2 

Benim bir durum var Vue.jsolan webpackweb uygulaması, Dinamik resimleri görüntülemek gerekir. imgGörüntülerin dosya adlarının bir değişkende nerede saklandığını göstermek istiyorum . Bu değişken, üzerinde zaman uyumsuz olarak doldurulan computedbir Vuexmağaza değişkenini döndüren bir özelliktir beforeMount. <div class="col-lg-2" v-for="pic in pics"> <img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic"> </div> Ancak şunu …

100 javascript  html  vue.js  vuejs2 

Vue javascript içindeki resimler gibi statik varlıklara başvurmak için doğru url'yi arıyorum. Örneğin, özel bir simge görüntüsü kullanarak bir broşür işaretleyici oluşturuyorum ve birkaç url denedim, ancak hepsi bir döndürüyor 404 (Not Found): Ana.vue: var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); Görüntüleri varlıklar klasörüne …

99 javascript  vue.js  leaflet 

Görünüşe göre Vue.js 2.0, olayları büyük bir çocuktan büyük ebeveyn bileşenine yaymıyor. 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 …

98 javascript  vuejs2  vue.js 

Verileri filtrelemeye yardımcı olan bir işlevim var. v-on:changeBir kullanıcı seçimi değiştirdiğinde kullanıyorum , ancak işlevin kullanıcı verileri seçmeden önce çağrılmasına da ihtiyacım var. Daha AngularJSönce kullanarak da aynısını yaptım ng-initama anladım ki böyle bir direktif yokvue.js Bu benim işlevim: getUnits: function () { var input = {block: this.block, floor: this.floor, …

97 javascript  vue.js  vuejs2 

На этот вопрос есть ответы на Yığın Taşması için русском : Yönlendirici yönlendirici открыть ссылку в новой вкладке? Bir özet sayfam ve bir detay alt sayfam var. Tüm rotalar, aşağıdaki vue-routergibi programlı gezinme kullanılarak (v 0.7.x) ile uygulanır : this.$router.go({ path: "/link/to/page" }) Ancak özet sayfasından alt sayfaya yönlendirdiğimde, alt …

97 javascript  vue.js  vue-router 

foo()Fonksiyonu ile ateşlemeye çalışıyorum @clickama gördüğünüz gibi olayı doğru bir şekilde ateşlemek için radyo düğmesine iki kez basmanız gerekiyor. Değeri sadece ikinci kez bastığınızda yakalayın ... Olayı, @clickyalnızca v-model(srStatus) değiştiğinde tetiklemeden tetiklemek istiyorum. işte benim Fiddle'ım: http://fiddle.jshell.net/wanxe/vsa46bw8/

95 javascript  events  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 

Vue.js kullanarak bir tablo oluşturuyorum ve onClickgeçen her satır için bir olay tanımlamak istiyorum contactID. İşte kod: <tr v-for="item in items" class="static" v-bind:class="{'evenRow': item.oddeven=='1', 'oddRow': item.oddeven=='0' }" @click="addToCount('{item.contactID}')" > <td>{{item.contactName}}</td> <td>{{item.recipient}}</td> </tr> Bir satıra tıklandığında addToCount(), çalışan çağrıdır . Geçmek istiyorum item.contactIDiçin addToCount(). Birisi bunun için doğru sözdizimini önerebilir mi?

95 vue.js 

Diyelim ki böyle bir Vue örneğim var: new Vue({ el: '#app', data: { word: 'foo', }, filters: { capitalize: function(text) { return text.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); }); } }, methods: { sendData: function() { var payload = this.$filters.capitalize(this.word); // how? } } } Filtreyi şöyle bir şablonda kolayca kullanabilirim: …

95 javascript  vue.js 

Gelecekteki referanslar için bir vue.js dosyasına yorum eklemem gerekiyor, ancak bunu nasıl yaptığınızı belgelerde bulamıyorum. Ben denedim //, /**/, {{-- --}}, ve {# #}, ancak bunların hiçbiri işe görünmektedir. Laravel'in bıçağını kullanıyorum. Yani bu sample_file.vue: <template> <div class="media"> <like-button :post="post" v-if="post.likedByCurrentUser === false && "></like-button> {{--I want to comment this …

94 vue.js  blade  laravel-blade 

Bu çekme talebinde görüyorum : Ekle router.reload() Mevcut yolla yeniden yükleyin ve veri kancasını tekrar çağırın Ama bir Vue bileşeninden aşağıdaki komutu vermeyi denediğimde: this.$router.reload() Bu hatayı alıyorum: Uncaught TypeError: this.$router.reload is not a function Dokümanlarda aradım , ancak alakalı hiçbir şey bulamadım. Vue / vue-router sağlayıcısı bunun gibi bazı …

94 vue.js  vue-router  vuejs2 

vue webpackKullanarak bir proje oluşturdum vue-cli. vue init webpack myproject Ve sonra projeyi devmod altında çalıştırın : npm run dev Bu hatayı aldım: Kaynak yüklenemedi: sunucu yanıt verdi 404 (Bulunamadı) http: // localhost: 8080 / favicon.ico Peki web paketinin içinde, favicon.icodoğru şekilde nasıl içe aktarılır ?

94 html  ecmascript-6  webpack  vue.js  favicon