vue2 v-if点击取反
时间: 2023-11-06 15:05:10 浏览: 142
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
在Vue 2.x中,可以通过将v-if的条件设置为取反的方式实现点击取反的效果。在你提供的代码中,判断条件为`scope.row.launchType == '0'`和`scope.row.launchType == '1'`,分别对应下架和上架按钮的显示。如果你想要在点击按钮时取反条件,可以使用`!`运算符来对条件进行取反,代码如下:
```
<el-button v-if="!scope.row.launchType == '0'" size="mini" type="text" icon="el-icon-edit" @click="sxjUpdate(scope.$index,scope.row)" v-hasPermi="['onlineEdu:eduOperateInformation:UpdatePutAway']">下架 </el-button>
<el-button v-if="!scope.row.launchType == '1'" size="mini" type="text" icon="el-icon-edit" @click="sxjUpdate(scope.$index,scope.row)" v-hasPermi="['onlineEdu:eduOperateInformation:UpdatePutAway']">上架 </el-button>
```
这样,当`scope.row.launchType`为'0'时,下架按钮就会显示;当`scope.row.launchType`为'1'时,上架按钮就会显示。
阅读全文