Vue.js | v-else 指令
v-else指令是一个Vue.js指令,用于仅在不满足 if 条件时切换元素的显示 CSS 属性。首先,我们将创建一个 id 为app的 div 元素,然后将v-else指令应用于包含数据的元素。现在我们将通过使用包含该值的 data 属性初始化一个 Vue 实例来创建此数据。
句法:
v-else
参数:该指令不接受任何参数。
示例 1:此示例使用 VueJS 使用算术条件显示带有 v-else 的元素。
HTML
VueJS | v-else directive
GeeksforGeeks
VueJS | v-else directive
a is greater than 10
a is smaller than or equal to 10
HTML
VueJS | v-else directive
GeeksforGeeks
VueJS | v-else directive
if is executed
else is executed
输出:
示例 2:此示例使用 VueJS 使用布尔值显示带有 v-else 的元素。
HTML
VueJS | v-else directive
GeeksforGeeks
VueJS | v-else directive
if is executed
else is executed
输出: