前端一个表格输入框,取值是scope.row.idx,后端返回的idx 是“1234”,要求页面对应显示“主二三四”
添加了一个
getChannelName
方法,用于将idx
转换为相应的“城市”名称。然后在模板中调用这个方法来显示“城市”名称。这样,当idx
为 1 时,会显示“主城市”;当idx
为 2 时,会显示“二“城市””;以此类推methods: { getChannelName(idx) { const channelNames = ["", "主", "二", "三", "四"]; // Add more if needed return channelNames[idx] || `${idx}`; // Fallback to generic channel name if out of range } }
<template slot-scope="scope"> <span>{{ getChannelName(scope.row.idx) }}</span> <span>城市</span> </template>