avue-crud自己调起编辑弹窗

在avue-crud,标签内自己写一个操作栏的按钮,通过 handleEdit()<template slot-scope="scope" slot="menu"><el-buttontype="text"icon="el-icon-edit-outline"size="small"v-if="scope.row.meetType == '1' || scope.row.mee.

白小码

3403人浏览 · 2022-05-10 13:18:53

白小码 · 2022-05-10 13:18:53 发布

在avue-crud,标签内自己写一个操作栏的按钮,通过 handleEdit()
  <template slot-scope="scope" slot="menu">
        <el-button
          type="text"
          icon="el-icon-edit-outline"
          size="small"
          @click.stop="handleEdit(scope.row, scope.index)"
          >签到
      </template>  



在methods定义方法
   handleEdit(row, index) {
       this.$refs.crud.rowEdit(row, index);
    },

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}$/, //不连续的两位字母// /^