element UI select问题

使用场景:
添加一个黄金糕,选择的时候,你会把id给后台。但是编辑的时候还想把黄金糕显示出来,可后端就给你id:'1', 这时候,它会自己去找,下拉框中id 为1 的哪一项,展示到页面。这时候就不用你自己转啦,但是切记一定是字符串哦 ☺☺(▽),
*****************************喜欢就关注我吧 (▽)***************************

<el-select v-model="value" placeholder="请选择">
      <el-option v-for="item in options" :key="item.id" :label="item.label" :value='item.id'>
      </el-option>
    </el-select>
export default {
    data(){
        return {
            options: [
              {
                id: "1",
                label: "黄金糕"
              },
              {
                id: "2",
                label: "双皮奶"
              },
              {
                id: "3",
                label: "蚵仔煎"
              },
              {
                id: "4",
                label: "龙须面"
              },
              {
                id: "5",
                label: "北京烤鸭"
              }
            ],
            value: "5"

        };
    }
}
image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容