vue 开发问题统计

时间 2019-11-21

标签 vue 开发问题统计繁體版

原文原文链接

select下拉框获取该条数据的其余属性解决思路是：经过v-model指令，在select标签上经过v-model指定一个属性值，而后经过这个属性值访问该记录的属性值。 javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue select bind data</title>
</head>
<body>
  <div id="app">
    <select v-model="selectedItem">
      <option v-for="item in items" :value="item">{{item.title}}</option>
    </select>
  </div>
</body>
<script type="text/javascript" src="../../static/js/vue.js"></script>
<script>

  var app = new Vue({
    el: '#app',
    data:{
      selectedItem:null,
      items:[
        {title: 'vue', price:123},
        {title: 'java', price:345},
        {title: 'linux', price:456},
        {title: 'python', price:890}
      ]
    },
    watch:{
      selectedItem(){
        console.log(JSON.stringify(this.selectedItem))
      }
    }
  })
</script>
</html>

[Vue warn]: Do not use built-in or reserved HTML elements as component id: mainhtml

问题多是建立的 vue 文件名称和 export default name 重复了。vue

vue 开发 问题 统计

vue 开发问题统计