v-if触发什么东西？v-if会举起一个活动吗？

Question

我想抓住一个事件,并在v-if切换时做一些事情.有条件渲染的元素正在渲染.应该可以得到通知,不是吗？

Answer 1

您可以在属性上设置一个观察者,负责条件渲染(v-if)的真实性.

HTML

<div id="app">
    <div v-if="toggleElement">MY ELEMENT</div>
    <button @click="toggleElement = !toggleElement">TOGGLE</button>
</div> 

脚本

new Vue({
el: '#app',
    data: {
        toggleElement: false
    },
    watch: {
        toggleElement(newValue){
            //do something if toggleElement changes
            alert("Element's v-if toggled");
        }
    }
}) 

这是小提琴