0

如题,
html:

<div id="demo">
    <p v-if="a1">hello</p>
</div>`
var vm = new Vue({
    el: '#demo',
    data: {
        show: true,
        a1:false,
        t:0,
    },
    methods: {
        init:function() {
            vm.t++;
            var n = "a" + vm.t;
            vm.n = true;
            console.log(n);
            console.log(vm.n);
        }
    }
});
vm.init();

打开页面后,p标签没有显示出来,这是为什么?
控制台输出正常:

查看全部 3 个回答

0

p元素当然是不会显示的,vue中v-if指令是表示条件渲染,你已经给v-if赋值为al,而al的值为false所以是不会渲染的

推荐答案

0

已采纳

vm.n表示vm对象下面的属性n,你想要操作a1属性,应该是这样的vm[n]