element ui表单中v-if 和v-else的使用
1、v-else必须要和v-if匹配使用,v-else不能单独使用。2.在表格中自定义字段名结论:vue中的条件语句,v-else是v-if的条件为不成立时,就会对v-else内的内容进行展现,若成立则展现v-else之中的内容...
·
1、v-else必须要和v-if匹配使用,v-else不能单独使用。
<template v-else>
<el-table-column
:prop="item.propName"
:label="item.labelName"
:key="item.propName"
:align="item.alignType"
:width="item.colWidth"
:fixed="item.fixed"
:actiom="item.action"
show-overflow-tooltip
>
<template slot-scope="scope">
//在template标签中,添加v-if元素并赋值
<template v-if="item.propName==='action'">
<el-button @click="handleClick()" type="text" size="small" >查看</el-button>
</template>
<span v-else>{{scope.row[item.propName]}}</span>
</template>
</el-table-column>
</template>
2.在表格中自定义字段名
bodyData: [
{
propName: 'HANDLE_USER',
alignType: 'center',
colWidth: '',
labelName: '当前处理人'
},
{
propName: 'action',//自定义字段名
alignType: 'center',
colWidth: '',
labelName: '工单处理'
},
],
结论:vue中的条件语句,v-else是v-if的条件为不成立时,就会对v-else内的内容进行展现,若成立则展现v-else之中的内容
更多推荐
已为社区贡献1条内容
所有评论(0)