一、今天遇到vue中下拉框問題，故而寫點(diǎn)東西留個腳印

<template> <select v-model='selected' @click="disable()"> <option v-for="(option,index) in options" v-bind:value="option.value" :disabled="option.disabled">  {{ option.text }}{{index}}{{option.disabled}} </option> </select> <span>Selected: {{ selected }}</span></template><script> export default{ name: 'second', data(){  return {  selected: 'sex', // 這里選擇默認(rèn)項(xiàng)  options: [   {text: '點(diǎn)擊選擇性別', value: 'sex', disabled: ''},   {text: '男', value: '1'},   {text: '女', value: '2'}  ]  } }, methods: {  disable: function () {  this.options[0].disabled = disabled;  }, } }</script>

以上這篇基于vue.js中關(guān)于下拉框的值默認(rèn)及綁定問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。