computed vue 不触发_vue中使用computed计算数据不生效

关注

原创最新推荐文章于 2024-02-03 09:01:41 发布 9.5k 阅读 AI 写同款· GEO 优化 ›

在计算属性中依赖于props的data数据，当data更新后，computed并没有实时去拿data数据。(本来想通过watch data的改变去实现，但是watch一直不执行，但data数据本身确实改变了，很诡异...)

代码如下：

props: {

data: {

default: () => {},

type: Object,

data() {

return {

};

created() {

computed: {

...mapState({

}),

handleTotalPrice() {

return this.fixNumber(this.totalPrice);

handledData() {

const handledData = JSON.parse(JSON.stringify(this.data)); // 这里

Object.entries(handledData).forEach(([key, value]) => {

if (value.price) {

handledData[key].price = this.fixNumber(value.price);

}

if (value.list) {

...

}

});

return handledData;

watch: {

// 以下两种写法都无效

data(newV, oldV) {

console.log('submit watch');

data: {

handler(newV, oldV) {

console.log('submit watch');

deep: true,

已经定位到问题了。在父组件设置obj的值需要通过set或者splice等方法，要不然，子组件监听不到。

之前以为只是本组件内需要通过set，万万没想到。。。

标签

本内容遵循 CC 4.0 BY-SA 版权协议

computed vue 不 触发_vue中使用computed计算数据不生效