@[TOC]el-select中整数或字符串不能默认选择的解决方案

初次在CSDN上发文,敬请谅解。

本人使用vue开发不久,遇到el-select中因值为整数或字符串而不能默认选择的问题,相信您用它时也可能会有此问题。不过解决方案还是蛮多的。在此,提供一个相对简单的解决方案,代码如下:

<template>
  <el-select v-model="selectval" placeholder="请选择">
    <template  v-for="item in dict.vallist">
      <el-option v-if="typeof(selectval) == 'string'" :key="item.code" :label="item.name" :value="'' + item.code"></el-option>
      <el-option  v-else-if="typeof(selectval) == 'number'" :key="item.code" :label="item.name" :value="(('' + item.code).trim() == '')?'':parseInt(item.code)"></el-option>
      <el-option  v-else :key="item.code" :label="item.name" :value="item.code"></el-option>
    </template>
  </el-select>
</template>

export default {
  data() {
    return {
      selectval: 1,
      dict: {
          vallist: [
            {code: "1", name: "启用"},
            {code: "2", name: "停用"}
        ]
      }
    };
  }
};

好了,剩下的事情,就是简单的copy&paste的事情了。

Logo

前往低代码交流专区

更多推荐