热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

Vue3 下拉列表的双向数据绑定

2023-04-13 18:18:53

Vue3 下拉列表的双向数据绑定
select 列表
以下实例中演示了下拉列表的双向数据绑定：
 
select
<div id="app">
  <select v-model="selected" name="fruit">
    <option value="">选择一个网站</option>
    <option value="www.runoob.com">Runoob</option>
    <option value="www.google.com">Google</option>
  </select>
 
  <div id="output">
      选择的网站是: {{selected}}
  </div>
</div>
 
<script>
new Vue({
  el: '#app',
  data: {
    selected: '' 
  }
})
</script>
列表绑定数据绑定下拉列表数据网站

推荐阅读