美文网首页
element UI select问题

element UI select问题

作者: sunflower_07 | 来源:发表于2019-06-11 17:05 被阅读0次

使用场景:
添加一个黄金糕,选择的时候,你会把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

相关文章

网友评论

      本文标题:element UI select问题

      本文链接:https://www.haomeiwen.com/subject/tgnqfctx.html