学校排行榜

(0)

投一票

Vue3中v-if与v-else的搭配使用 官网

v-if可和v-else搭配,实现二选一的渲染效果。v-else元素必须紧跟在v-if元素后面,否则不会被识别。 template div id="app" h1 v-if="isLoggedIn"欢迎回来!/h1 h1 v-else请先登录。/h1 button @click="toggleLogin"切换登录状态/button /div/templatescript setupimport { ref } from 'vue';// 初始化isLoggedIn为false,默认显示请先登录const isLoggedIn = ref(false);const toggleLogin = () = { // 点击按钮时,切换isLoggedIn的值 isLoggedIn.value = !isLoggedIn.value;};/script v-else不能单独使用,必须和v-if一起用,且中间不能有其他元素。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。