给table标头加必填符号

郑源龙

已于 2023-05-08 09:31:49 修改

阅读量526

点赞数

文章标签： vue.js

于 2022-10-31 12:05:37 首次发布

本文链接：https://blog.csdn.net/weixin_69811594/article/details/127612844

版权

给render-header 动态绑定一个函数

  <el-table-column prop="spec" label="规格型号" :render-header="addRedStar" width="200px">
          <template slot-scope="scope">
            <el-input type="input" :disabled="scope.row.classifyTree !== '增减项'" size="small" clearable=""
              placeholder="请输入规格型号" @blur="blurEvent(scope.row, scope.$index, scope.column)" v-model="scope.row.spec">
            </el-input>
          </template>
        </el-table-column>

  // 给表头加必填符号*
    addRedStar(h, { column }) {
      return [
        h("span", { style: "color: red" }, "*"),
        h("span", " " + column.label),
      ];
    },