" />

首页 / 知识

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

2023-04-11 16:21:00

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>

列表绑定数据绑定下拉列表数据网站

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢