关于vue动态生成v-modle的小白求助

初学者疑问，就是现在我数据库里有tno1，tno2.....tno5，和tname1，tname2.....tname5，我想用一个el-select来分别让这几个tname出现在选项上，绑定的数据为数字对应的tno，不太清楚该怎样用v-modle绑定

<el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>



//data部分

value:"",
options:[{
    value:"tno1",
    label:"tname1"
},{
    value:"tno2",
    label:"tname2"
},{
    value:"tno3",
    label:"tname3"
},{
    value:"tno4",
    label:"tname4"
},{
    value:"tno5",
    label:"tname5"
},]

首先定义一个数组，把这5项变成5个元素，然后el-select 的v-model绑定该数组。

<el-select v-model="myvalue">
  <el-option label="tno1" >tname1</el-option>
   <el-option label="tno..." >tname...</el-option>
<el-option label="tno5" >tname5</el-option>
</el-select>

类似这样的写法

大概就是这样 

tno1，tno2.....tno5

data:[
 {
  label:"ton1",
  value:"ton1"
 },
 {
  label:"ton2",
  value:"ton2"
 }
]

<select v-model="value">
<option v-for="item in data" value={{item.value}}>{{item.label}}</option>
</select>


console.log(value)

按照官网正常的数据格式处理

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632