vue项目分割字符串
字符串格式admin,employee,keeper,user前端代码<el-table-columnprop="role_name"label="角色"width="180"><template slot-scope="scope"><div v-for="item in companyCut(scope.row.role_name)" :key='item'>
·
字符串格式
admin,employee,keeper,user
前端代码
<el-table-column
prop="role_name"
label="角色"
width="180">
<template slot-scope="scope">
<div v-for="item in companyCut(scope.row.role_name)" :key='item'>
{{item}}<br>
</div>
</template>
</el-table-column>
scope.row.role_name即为上文字符串,这段代码为表格中的一行,
v-for中调用了一个分割字符串的方法
companyCut(name){
let company=(name || "").split(',')
return company
},
注意这里直接使用name.split可能会报错
更多推荐
已为社区贡献1条内容
所有评论(0)