文档所述过滤器只能用在v-bind指令和{{}}表达式中,v-model中使用过滤器是一种思维误区。
因为v-model里实现数据显示和存储格式的转换应该是双向的。如下例:
computed: { sex: { get: function () { return this.info.sex === 1 ? '男' : this.info.sex === 0 ? '女' : '未知' set: function (value) { this.info.sex = value === '男' ? 1 : 0 } } },
这里的过滤应该是双向的:
1.数据显示时性别由数字转为文字
2.数据存储时性别由文字转为数字