11、VueJs的if、else判断语句

阅读() @2018-06-12 17:05:36

在Vue中同样可以使用if、else判断语句来决定某些元素的显示、移除、css样式等。

代码如下:

html部分:

<div id="wrap">
    <p>
        <input type="text" v-model="num">
        <span v-if="num==1">1</span>
        <span v-else-if="num==2">2</span>
        <span v-else-if="num==3">3</span>
    </p>
    <p>
        <input type="checkbox" v-model="mark" />
        <span v-show="mark">显示或隐藏</span>
    </p>
</div>

js部分:

var app = new Vue({
    el : '#wrap',
    data : {
        num : '1',
        mark : true
    }
});

本节完!

微信二维码