vue页面展示 状态与点击按钮相反
如图:
开始做得时候,一直想得是写一个就行了,然后迷茫,第二天直接有了新的想法,写两个按钮,符合哪个条件,显示哪个按钮。
注意:
判断条件是与要显示得结果相反的(下架按钮的判断条件0,上架按钮的判断条件1,其中0是上架,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>
最后
以上就是高挑皮皮虾最近收集整理的关于vue-点击按钮取反的全部内容,更多相关vue-点击按钮取反内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复