vue项目中，类型数字转为汉字，并且搜索中也用到类型搜索

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

打开边栏(ESC) 关闭边栏(ESC)

vue项目中，类型数字转为汉字，并且搜索中也用到类型搜索，如图：

from clipboard

1，首先定义留言类型数据：

data() {
    return {
      typeList : [
        {val:1,label:'客户留言'},
        {val:2,label:'客户投诉'},
      ], // 留言类型
    }
  },

2，搜索功能，select下拉框实现：

<el-select v-model="listQuery.feedbackType" placeholder="留言类型" clearable  class="filter-item" @clear="getList">
        <el-option v-for="item in typeList" :key="item.val" :label="item.label" :value="item.val" />
      </el-select>

3，分页列表中，根据type值转成汉字

如果typeList数据值只这种形式

typeMap: {1:'客户留言'}

那分页列表循环的时候就可以根据键值获取对应的元素了：

<el-table-column label="留言类型" min-width="150px">
        <template slot-scope="{row}">
          <span>{{typeMap[row.feedbackType]}}</span>
        </template>
      </el-table-column>

4，现在需要把typeList映射为typeMap

computed: {
    typeMap () {
      var res = {}
      this.typeList.forEach(el => { res[el.val] = el.label })
      return res
    },
  },

另一种方式：

1，定义留言类型数据

typeList :{1:'消息模板',2:'邮件模板',3:'短信模板'}, // 消息模板类型

2，select循环,key既是循环对象的键值

<el-select v-model="listQuery.tplType" placeholder="模板类型" clearable  class="filter-item" @clear="getList">
        <el-option v-for="(item,key) in typeList" :key="key" :label="item" :value="key" />
      </el-select>

3，分页列表中，根据type值转成汉字

<el-table-column label="模板类型" width="110px">
        <template slot-scope="{row}">
          <span>{{typeList[row.tplType]}}</span>
        </template>
      </el-table-column>

赏