VUE强制刷新渲染DOM

开始是 将获取到的数据给到

this.$api.coreStock.GetStockID({ id: data }).then((res) => {

     document.getElementById("mainconbarcode").value = res.data.boxCode;

  });

但后面影响数据保存 就想直接给到 dataForm.mainconbarcode = res.data；

this.$api.coreStock.GetStockID({ id: data }).then((res) => {

    this.dataForm.mainconbarcode = res.data;

});

修改后数据是绑定了 界面没有刷新 渲染，数据不显示，最后使用$forceUpdate()

注意：$forceUpdate()迫使vue实例重新(rander)渲染虚拟DOM,注意并不是重新加载组件。

this.$api.coreStock.GetStockID({ id: data }).then((res) => {

    this.dataForm.mainconbarcode = res.data

    this.$forceUpdate();

  });

个人随笔小记，如有大神还请指点。