vue根据条件不同显示不同按钮

<template slot-scope="scope"><el-button v-if="scope.row.isDeleted === 0" @click="lowerShelf(scope.row.id)" size="mini" type="primary" plain>下架</el-button><el-button v-else ...

稍微有点坏

6616人浏览 · 2019-11-12 23:14:20

稍微有点坏 · 2019-11-12 23:14:20 发布

<template slot-scope="scope">
  <el-button v-if="scope.row.isDeleted === 0" @click="lowerShelf(scope.row.id)" size="mini" type="primary" plain>下架</el-button>
  <el-button v-else  size="mini" type="primary" plain>已下架</el-button>
</template>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^