首頁猿問 VUEX 嚴格模式下 form表單...

VUEX 嚴格模式下 form表單 v-model 字段對應的問題？

Vue.js

weibo_自1由9之9翼0_0 2018-04-02 18:10:46

直接?使用?store中的?數(shù)據(jù)，由于是?雙向數(shù)據(jù)綁定，所以vuex禁止在外面直接修改state，必須要提交mutation，官方文檔https://vuex.vuejs.org/zh-cn/forms.html的做法，都比較麻煩，有什么好用的插件或者什么方法能夠?解決這個問題嗎？

查看完整描述

2 回答

西蘭花偉大炮

TA貢獻376條經(jīng)驗獲得超318個贊

沒看懂你想干什么

反對回復 2018-04-03

慕仰0539362
說明你都沒真正寫過vuex的代碼

回復 2019-03-25
慕仰0539362
我是這么解決的：表單還用vue的data表達，在store中也做一個“表單”；watch表單，當發(fā)生變化時同步更新store中的表單。 vuex提供的就是全局的東西，怎么玩都可以；另外也可以聲明vuex的非嚴格模式，使用計算屬性和mapState，這種更貼合vue的使用。 export default { computed: mapState({ products: state => state.products.all }), methods: mapActions('cart', [ 'addProductToCart' ]), created () { this.$store.dispatch('products/getAllProducts') } }

回復 2019-03-25