vue v-model显示数字不显示汉字

位置:首页 / 技术中心 / 杂项

杂项 Admin 2026-03-24 10:35:33 96

问题:

https://www.doubao.com/thread/w86d94ec5bbfdbddc

最后采用的是

src\views\User\index.vue

                      <el-select v-model="principalPostText" style="width: 100px">
                        <el-option label="负责人" value="0"></el-option>
                        <el-option label="其他" value="1"></el-option>
                      </el-select>

js

    principalPostText: {
      get() {
        return String(this.form.principalPost || "");
      },
      set(val) {
        this.form.principalPost = val;
      }
    },
查看只需要写get,编辑就要用set

使用 Element-UI

需要通过 formatter 属性传递格式化函数,实现数字映射汉字

<el-table-column label="隶属片区" align="center" :formatter="(row) => gridList.find(item => item.id == row.parentId).label" :show-overflow-tooltip="true">
</el-table-column>


18455111359 扫描二维码