vue-点击按钮取反

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-点击按钮取反所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。