在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue 使用set 數(shù)據(jù)發(fā)生改變但是視圖未實(shí)時(shí)更新

Vue 使用set 數(shù)據(jù)發(fā)生改變但是視圖未實(shí)時(shí)更新

<script>

function showtable(id) {
    var vue = new Vue({
        el: ".main-content",
        data: {
            content: [{ "truename": "張三", "cardnum": "123455", "category": "代表登陸", "s_category": "市代表", "IsRed": "已閱讀", "IsLeave": "請假", "AskForLeave": "哈哈哈" }]
        },
        methods: {
            add(arry) {
                for (var i = 0; i < arry.length; i++) {
                    vue.$set(vue.$data.content, i, arry[i]);
                }
            }
        }
    })
    $.ajax({
        type: 'post',
        contentType: "application/json",
        url: "/ajaxfuns.aspx/MeeTing",
        data: "{ id:'" + id + "'}",
        beforeSend: function () {

        },
        error: function () {

        },
        success: function (res) {
            vue.add(eval(res.d));
            setTimeout(function () {
                layer.closeAll();
                layer.open({
                    type: 1,
                    skin: 'layui-layer-rim', //加上邊框
                    area: ['80%', '80%'], //寬高
                    content: $("#pop > div").html()
                });
            }, 500);
        }
    });
}

</script>

回答
編輯回答
旖襯

為什么不直接vue.$data.content = res.d,根據(jù)res.d來渲染呢?

2018年7月3日 04:51
編輯回答
深記你

你這是寫的什么

function 函數(shù)內(nèi)部聲明Vue實(shí)例 一直去的新建實(shí)例 怎么用set 改變實(shí)例的屬性

2017年12月21日 03:44
編輯回答
墨小羽

使用

Vue.nextTick(function () {
  // DOM 更新了 在這里調(diào)用你add方法  

})
2017年1月20日 00:11
編輯回答
近義詞

因?yàn)関ue在showtable方法里面實(shí)例化,所以每次執(zhí)行方法都是一個(gè)新的vue實(shí)例,當(dāng)數(shù)據(jù)發(fā)生改變時(shí)其實(shí)修改的是當(dāng)前方法內(nèi)的vue實(shí)例并不是之前的那個(gè)vue實(shí)例,所以把Vue 實(shí)例化放在方法外面即可!

2017年8月25日 04:17