Question

我有一个小的Vue应用程序，其父组件中包含更多组件，最初，我从数据库中获取了一些产品数据，这些数据存储在用vue计算的数组中。

第一次运行良好，但是第二次我的数据没有响应，请使用vue devtools检查控制台，属性会更改，但在屏幕上不会更改。

我做错了什么？，我第一次结束时要做的是，以以下方式重置data（）{}元素的值。

 this.showModalOptions= false;
 this.showModalType= false;
 this.udpdateprecios = false;
 this.products=[];
 this.productsselect= [];
 this.productselect={};
 this.type= {};
 this.obtenerProducts(); //get productos y assign to array products

obtenerProducts

 obtenerProducts(){
        axios.get('/api/products/all')
        .then((result) => {
            this.products= result.data.productos;

        });
    },

声明data（）

data() {
        return {
            products: [],
            productselect: {},
            type: {},
            productsselect: [], 
            showModalOptions: false,
            showModalType: false,

        };
    },

我无法添加一个对我有用的示例，也许这不是重置数组或对象以使其停止反应的方法吗？

Answer 1

如果您说的是属性更改，并且屏幕保持不变，也许您应该尝试使用vm.$forceUpdate()或vm.$nextTick(yourFunction)刷新事件队列。

为什么Vue第二次对我来说流程不起作用？

1 个答案: