vue+element-ui之 el-table组件中<template slot-scope="scope">

element-ui官网的table组件中说明：通过 slot-Scoped 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据实例：<el-table-columnprop="retail_price"label="零售价"min-width="160"align="center":...

太阳晒屁股了

4259人浏览 · 2019-08-19 12:06:27

太阳晒屁股了 · 2019-08-19 12:06:27 发布

element-ui官网的table组件中说明：

通过 slot-Scoped 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据

实例：

<el-table-column
   prop="retail_price"
   label="零售价"
   min-width="160"
   align="center"
   :show-overflow-tooltip="true"
   >
   <template slot-scope="scope">
     <a >{{ formatPrice(scope.row.retail_price} + '元'}</a>
   </template>
</el-table-column>

完

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