vue element 表格点击单元格跳转

<el-table :data="noticeData" style="width: 100%" :show-header="false"><el-table-column prop="title" label="名称"><template slot-scope="scope"><div @click="viewDetail(scope.row)" sty

b--d

2737人浏览 · 2021-01-05 10:30:25

b--d · 2021-01-05 10:30:25 发布

<el-table :data="noticeData" style="width: 100%" :show-header="false">
      <el-table-column prop="title" label="名称">
        <template slot-scope="scope">
          <div @click="viewDetail(scope.row)" style="cursor: pointer;">
            {{scope.row.title}}
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="createTime" label="日期" width="120">
      </el-table-column>
    </el-table>

在el-table-column标签中加上template，在template中可以获取到想要传的数据，所以在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}$/, //不连续的两位字母// /^