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='https://www.haobala.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) } }}

希望对你有帮助~~~