v-if判断当uer为1时是新品 2是旧品
时间: 2024-05-02 17:20:15 浏览: 80
Rinnai林内晶典系列壁挂炉RBS-15UER(B)说明书.pdf
假设我们有一个名为`product`的对象,其中有一个属性`user`,表示产品类型,1为新品,2为旧品。我们可以使用`v-if`指令根据`user`的值来判断产品类型,并显示不同的内容。
示例代码如下:
```
<template>
<div>
<div v-if="product.user === 1">
<h1>这是一款新品</h1>
</div>
<div v-else-if="product.user === 2">
<h1>这是一款旧品</h1>
</div>
</div>
</template>
<script>
export default {
data() {
return {
product: {
user: 1, // 1表示新品,2表示旧品
name: '产品A'
}
}
}
}
</script>
```
在上面的示例代码中,我们使用了`v-if`和`v-else-if`指令来判断`product.user`的值,并根据不同的值显示不同的内容。当`product.user`的值为1时,显示`这是一款新品`,当`product.user`的值为2时,显示`这是一款旧品`。
阅读全文