uniapp语法（vue语法）

最新推荐文章于 2024-07-25 20:45:01 发布

小鱼干饭

最新推荐文章于 2024-07-25 20:45:01 发布

阅读量1.3k

点赞数

文章标签： unix vue Powered by 金山文档

本文链接：https://blog.csdn.net/m0_65174781/article/details/129409505

版权

模板指令

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。

<h1 v-if="awesome">Vue is awesome!</h1>

你也可以使用 v-else 为 v-if 添加一个“else 区块”

<button @click="sayhi = !sayhai">点击</button>

<h1 v-if="sayhai">哈喽!</h1>
<h1 v-else>再见！</h1>

顾名思义，v-else-if 提供的是相应于 v-if 的“else if 区块”。它可以连续多次重复使用：和 v-else 类似，一个使用 v-else-if 的元素必须紧跟在一个 v-if 或一个 v-else-if 元素后面。

<view v-if="score>80">
   优秀 
</view>   
<view v-else-if="socre>70">
    良好
</view>
<view v-else>不及格</view>

我们可以使用 v-for 指令基于一个数组来渲染一个列表。v

关注