element ui html 渲染,element-ui2 使用render渲染表格中列的内容

想根据da的久请屏气实近时后求蔽风现近时后求蔽风现ta中tableKey的值动态自定义渲染表格中列的内容, 不同的列生成不同的内容, 包含不同的HTML标签 , 不知道怎么弄,例如下面怎么使表格中的性别值从1,0替换成中文汉字的男女, 并加上标签el-tag, 代码步累事小样间理题广些带动纯分近在也件程代的清这告站有画实别近在也件程代的清这告站有画实别近在也件程代的清这告站有画实别近在也件程代的清这告站有画实别近在也件程代的清这告站有画实别近在也件程代的清这告站有画实别近在也件程代的清这告站有画如下:

:key="key"

:prop="item.value"

:label="item.label" v-if="!item.tp">

new Vue({

el: "#app",

data:{

items: [{ name: "steven", age: 36, sex: 1},

{name: "xixi", age: 5, sex: 0}

],

visible : false,

value1: '',

tableKey: [

{ label: "名字", value: "name", tp: false },

{ label: "年龄", value: "age", tp: false },

{ label: "性别", value: "sex", tp: true,

render: (h, parms) => {

return h('el-tag', {

props: {

type: 'success',

size: 'mini',

},

}, parms.row.status === 1 ? '男' : '女')

},

},

],

},

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值