vue 计算属性传参,并返回处理结果
<el-table :data="tableData"><el-table-column label="备注" width="210" align="center"><template slot-scope="scope"&
·
<el-table :data="tableData">
<el-table-column label="备注" width="210" align="center">
<template slot-scope="scope">
<span>{{changeRemarkLength(scope.row.remark)}}</span>
</template>
</el-table-column>
</el-table>
<script>
data () {
return {
tableData:[]
}
},
methods: {
},
//计算属性
computed:{
//改变备注的长度,长度大于14位就用...代替剩余内容
changeRemarkLength(){
//text就是所传参数
return function (text) {
if(text.length > 14){
return text.slice(0,14)+"...";
}else{
return text;
}
}
}
}
</script>
说明:
1、计算属性传参,方法里写成 return function (val) {}形式
2、<template slot-scope="scope"> slot-scope="scope"代表插槽的意思,这里 scope 代表行 data。scope.row取整行数据
更多推荐
已为社区贡献25条内容
所有评论(0)