一、需求:
在vue开发的时候,有时候需要v-model绑定computed计算属性。而computed默认是只显示不更改属性的。如何解决?见下文
二、实现
思路:在computed相对应的属性中设置get和set来对应v-model的双向绑定
代码如下:
<template>
<Modal v-model='mydata'></Modal>
</template>
...
computed: {
mydata: {
get () {
return this.$store.state.mydata
},
set (val) {
this.$store.commit('update', val)
}
},
}