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并没有改变,是不是哪里没有写对呢。
问题解答
回答1: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) } }}
希望对你有帮助~~~
相关文章:
1. css - 移动端 oppo 手机之 Border-radius2. angular.js - ionic 弹窗样式3. JAVASCRIPT 构造函数和原型互相指向问题?求助!!!4. html5 - 移动端UC浏览器兼容问题5. mysql 创建root 用户出错,这是什么原因?mysql 中也没有root用户6. javascript - 前端富文本编辑器 wangeditor 如何展示富文本?7. docker - dcoker gitlab 如何修改主机地址?8. docker pull 错误?9. 关于《Effective Java中文版(第2版)》的问题10. python - 请问matplotlib.pyplot.save的路径如何更改