如何在 vue JS 中的选择标签 <select> 中给出名称答案

【问题标题】：How do i give name in select tag <select> in vue JS如何在 vue JS 中的选择标签 <select> 中给出名称
【发布时间】：2019-07-27 08:17:11
【问题描述】：

我正在尝试使用 vue JS 创建选定的下拉菜单以下代码：


<select v-model="selected"> IDR
   <option value="IDR"><strong>Mata Uang</strong> </option>
   <option>Rp Indonesia Rupiah</option>
   <option>US$ U.S.Dolar</option>
</select>

所以问题是我如何给名称选择标签？我尝试添加“IDR”，但仍然无法显示“IDR”文本如何解决这个问题或对此有任何建议？

【问题讨论】：

看到每个人都只是在猜测你的意图，你需要澄清“我如何给出名称选择标签？”的意思

标签： vue.js vuejs2

【解决方案1】：

我不是 100% 确定，我是否正确理解了这个问题。您可以通过 HTML 或 vue api for ref 在选择中添加一些 name 或 ref 属性。

<select v-model="selected" name="IDR" ref="IDR">
   <!-- Options -->
</select>

但是，如果您想向用户显示默认选项，请查看this answer。

【讨论】：

【解决方案2】：

以下代码有助于获取名称和值：

var app = new Vue({
  el: '#app',
          data (){
            return {
              selected:null
            }
          }, 
  methods:{
    onChange(e){
      console.log("name:" + document.getElementsByTagName("select") 
[0].getAttribute("name") + "  value:" + e.target.value  )
  
   
    }
  }
});

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

    <div id="app">
      <select @change="onChange" v-model="selected" name="IDR"> 
        <option value="IDR"><strong>Mata Uang</strong> </option>
        <option>Rp Indonesia Rupiah</option>
        <option>US$ U.S.Dolar</option>
      </select>
    </div>

【讨论】：