忆点点

vue filter,vue 过滤器的使用,vue解析状态,解析审核状态等。vue解析类型。vue表格状态解析

电脑版发表于:2022/1/18 11:17

使用v-if解析审核状态
代码如下:

<div style="width: 29px;height: 29px;line-height: 29px;text-align: center;">
  <span v-if="litem.labs.doType==1">必做</span>
  <span v-if="litem.labs.doType==2">拓展</span>
</div>

vue表格状态解析
其实一般也是使用v-if来做

<el-table-column prop="doType" label="类型">
  <template slot-scope="scope">
    <p v-if="scope.row.doType==1">必做</p>
    <p v-if="scope.row.doType==2">拓展</p>
  </template>
</el-table-column>



使用vue filter解析审核状态
代码如下:

filters: {
  examineTypeFilter: function (value) {
	 if(value==1)
		return "审核成功";
	 else if(value==2)	
		return "审核失败";
	 else
		return "等待审核";
  }
}

使用:

:content="item.isPass|examineTypeFilter"


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢