vuex

1熱度

1回答

我學習Vue公司，並試圖完成一項任務自己循環。我想找出如何使在初始狀態下，只出現「城市」模板，並在每次點擊運行V-對@單擊循環，旅遊模板處理與相關之旅。 let EventBus = new Vue(); Vue.component('cities', { \t name: 'Listings', \t props: ['city','tour'], \t \

0熱度

1回答

如何使用vue.js 2上的關鍵點禁用點？

我嘗試這樣的： <template> ... <input type="number" class="form-control" v-model="quantity" min="1" v-on:keyup="disableDot"> ... </template> <script> export default{ ...

0熱度

1回答

爲什麼keydown不能在移動設備上工作？ vue.js 2

我嘗試這樣的： <template> ... <input type="number" class="form-control" v-model="quantity" min="1" v-on:keydown="disableDot"> ... </template> <script> export default{ ...

1熱度

1回答

無法在應用初始化時從localStorage初始化商店

我正在努力使用登錄用戶的帳戶詳細信息localStorage初始化我的Vuex商店。我已經經歷了儘可能多的使用Nuxt進行驗證的示例，並且他們都沒有演示如何在客戶端從localStorage拉動authToken以在用戶刷新頁面時隨後的API請求重新使用或導航到應用程序聲明：我沒有在SSR中使用Nuxt（這可能會影響您的答案）。什麼是煩人的是，我可以實際上從localStorage加載和初始

0熱度

1回答

如何管理Vuex Store中的嵌套數組並將其傳遞給組件

在我的Vuex Store中，我有一個計劃狀態，它描述了一週的計劃。 planning : [ { name : 'monday', meetings : [ { name : 'morning', value : '' }, { name : 'noon',

1熱度

1回答

在實時通訊應用程序與國家打交道

我在找一些指導，關於在實時通訊管理狀態/聊天應用程序內置有VueJS 2. 該應用程序由幾個部分組成，其概述如下圖：到目前爲止，我已經實現了顯示（假的）對話。 App組件包含一個包含對話對象的數組。對於每個子組件，使用道具傳遞相關數據。這很簡單，就像一個魅力。現在，我必須處理深層嵌套在樹中的組件的動作/突變。例如，發送消息並將其附加到相應的消息陣列。我認爲這與在AppConversation

0熱度

1回答

Vuex - 來自不同模塊的數據以隨機順序使用然後當（）

在我的vuex模塊我加載數據3次一步一步用3個不同的API請求一個使用then()返回： actions: { loadRoamingHistory: function loadRoamingHistory(context, roamingFilter): Promise<Array<RoamingHistoryEvent>> { return new Promise((re

0熱度

3回答

如何在vuejs的組件打開時觸發一個方法？

我有用於顯示使用循環項的主要成分： <v-list-tile v-for="(item, index) in items" :key="item.title"> ... <report type="item.type"> </report> </v-list> 的report部件是用來報告在系統上濫用，並報告類型可取決於item從父環而變化。由於用戶不太可能定期使用re

0熱度

1回答

Vuex getter爲每個項目

我想找出一種方法來爲Vuex商店中的每個項目數組添加計算屬性。例如，在待辦事項列表應用程序中，每個待辦事項項目可能都有DueDate和一個完成標誌。基於這些屬性，我們可以計算Todo項目是否過期。 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({

-1熱度

1回答

如何在vue.js 2中運行一些計算？

我VUE組分（第二組分）所示： <template> <div class="row"> <div v-for="item in options"> <div class="panel panel-default panel-product"> .... </div> </div> <div>