javascript - vuex 參數綁定問題求解

問題描述

組件中參數的定義像如下寫的這樣

<script>import store from ’../vuex/store’;export default { // vuex: { // actions: actions, // getters: { // // 過濾后的會話列表 // sessions: ({ sessions, filterKey }) => { // let result = sessions.filter(session => session.user.name.includes(filterKey)); // return result; // }, // // 當前會話index // currentId: ({ currentSessionId }) => currentSessionId // } // }, data(){return { sessions: store.state.sessions, currentId: store.state.currentSessionId} }, methods:{selectSession(id){ console.log(id); store.dispatch(’selectSession’, id)} }};</script><template><p class='list'> <ul><li v-for='item in sessions' : @click='selectSession(item.id)'> <img:alt='item.user.name' :src='http://www.wxshucaidpc.com/wenda/item.user.img'> <p class='name'>{{item.user.name}}</p></li> </ul></p></template>

其中sessions的定義能不能雙向綁定呢， 我發現selectSession 方法執行的時候， sessions并沒有改變,是不是哪里沒有寫對呢。

問題解答

vuex 官方文檔不是這么綁定數據的哦，數據監聽放在 computed里面，而不是直接放在 data 的方法里面，而且 vuex 對表單的雙向處理是這樣子的。

//來自 vuex 官方例子<input v-model='message'>// jscomputed: { message: { get () { return this.$store.state.obj.message }, set (value) { this.$store.commit(’updateMessage’, value) } }}

希望對你有幫助~~~