Problems with vue json data display?

the data given to me by the background is a number, but I am asked to replace the status of the number with words, such as

clipboard.png
recordLimit-1swtich


clipboard.png

clipboard.png

the number of meetings should be unlimited, not-1, because I"m using element-admin, and the
code is

.
      <el-table-column class-name="status-col" width="280" label="">
        <template slot-scope="scope">
          <span>{{setSub(scope.row.recordLimit)}}</span>
        </template>
      </el-table-column>
        <el-form-item label="" prop="recordLimit">
          <el-select v-model="form.recordLimit" placeholder="">
            <el-option
              v-for="item in chargeOptions"
              :key="item.num"
              :label="item.display_recordLimit"
              :value="item.num"
            />
          </el-select>
        </el-form-item>

because you want to bind to the data of the display page, but the data of the pop-up window binding page is only the same as the json data, instead of using the switch method to replace the number into text, is there a boss who can help solve it?

Apr.30,2022

because you are using a drop-down box, the value in your drop-down box must be the same as the field defined in the drop-down box, so do this:
when you get the request and use switch to convert For example, you are like this: page = 5, and then you need to assign page to item, that is, this.item = page


chargeOptions = [{value: '5century answer label:' 5'}, {value:'- 1discipline grade label: 'unlimited'}]

Menu