Vue.js 条件渲染:使用 v-if 指令
在 Vue.js 中,可以使用 'v-if' 指令在元素中进行条件判断。例如:
<template>
<div>
<p v-if='isShow'>这是显示的内容</p>
<p v-else>这是隐藏的内容</p>
</div>
</template>
<script>
export default {
data() {
return {
isShow: true,
};
},
};
</script>
在上述代码中,使用了 'v-if' 指令判断 'isShow' 的值,如果为 true 则显示第一个 'p' 元素,否则显示第二个 'p' 元素。可以根据具体需要进行判断和操作。
原文地址: https://www.cveoy.top/t/topic/oWrx 著作权归作者所有。请勿转载和采集!