开发者社区> 问答> 正文

双向绑定和 vuex 是否冲突? #前端面试

双向绑定和 vuex 是否冲突?

展开
收起
Bill 2020-05-23 13:52:40 2611 0
1 条回答
写回答
取消 提交回答
  • 领取2折优惠劵,有几率免单哦!http://www.weilai.info/tool/326.html

    在严格模式中使用Vuex,当用户输入时,v-model会试图直接修改属性值,但这个修改不是在mutation中修改的,所以会抛出一个错误。当需要在组件中使用vuex中的state时,有2种解决方案: 1、在input中绑定value(vuex中的state),然后监听input的change或者input事件,在事件回调中调用mutation修改state的值 2、使用带有setter的双向绑定计算属性。见以下例子(来自官方文档):

    <input v-model="message">
    computed: { message: { get () { return this.$store.state.obj.message }, set (value) { this.$store.commit('updateMessage', value) } } }
    
    

    官网说的比较详细 https://vuex.vuejs.org/zh/guide/forms.html

    2020-05-24 11:49:18
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载