1.html部分
<select class="bw1 bss bc4 h40px w100 dib br4 fl" v-model="ProductActive" @change="changeProduct($event)" >
<option value="0">商品名称</option>
<option v-for="(item,index) in productList" :key="index" :value='item.id'>{{item.title}}</option>
</select>
2.javascript部分
<script>
export default {
data() {
return {
ProductActive: 0, //商品名称当前选中项
productList: [],
}
},
methods: {
changeProduct(event) {
this.ProductActive = event.target.value; //获取商品ID,即option对应的ID值
},
}
}
</script>