vue开发手机页面闪烁_vue 解决页面闪烁问题

watch: { //监听表格数据的变化【使用 watch+nextTick 可以完成页面数据监听的 不会出现闪烁】

tableData: { //深度监听，可监听到对象、数组的变化

handler(val, oldVal) {

this.$nextTick(function() {

var that = this;

var thisSelTreeData = that.tableSelTreeData;

for(var j = 0; j < thisSelTreeData.length; j++) {

if(thisSelTreeData[j].data.length > 0) {

var thisHtml = "";

for(var i = 0; i < thisSelTreeData[j].data.length; i++) {

thisHtml += '

' + thisSelTreeData[j].data[i] + '

';

}

//选中的值 渲染到页面

$("body").find("#" + thisSelTreeData[j].treeId).parent().parent().siblings().children("div").html(thisHtml);

} else {

$("body").find("#" + thisSelTreeData[j].treeId).parent().parent().siblings().children("div").html('请选择');

}

}

})

},

deep: true

}

},