vue 中select下拉框用法

1.html

<select v-model="goodsId" style="width:200px;height: 30px;margin-top: 5px;margin-bottom: 5px;margin-left: 10px">
  <option value="">请选择所要购买产品</option>
  <option v-for="item in kindList" v-bind:value="item.id" v-text="item.name" ></option>
</select>

2.

<script>
    export default {
      data(){
          return{
          kindList:[{name:"小可爱",id:1},{name:"小仙女",id:2},{name:"小宝龙",id:3}]
          }
      },
    }
</script>