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. macos - mac下docker如何设置代理2. 前端 - css中关于设置透明度的问题,有点混乱3. docker start -a dockername 老是卡住,什么情况?4. docker-compose 为何找不到配置文件?5. 我在centos容器里安装docker,也就是在容器里安装容器,报错了?6. docker 下面创建的IMAGE 他们的 ID 一样?这个是怎么回事????7. 计算机 - 我学习了C语言,数据结构和一点点java基础,想自学C++,请问买什么入门书籍好?8. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下9. docker绑定了nginx端口 外部访问不到10. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!
