select的双向绑定方法

首先看官网的介绍，明确指出v-model指令在表单<input>、<textarea>、<select>中使用

• 在select中绑定一个v-model

下面这段代码的含义：为select绑定了一系列的内容，然后option里面的值是根据data里面的selectItem展示，selectItemContain需要在data里面申明

      <select name="chooseTimeSort"
              id="chooseTimeSort"
              class="chooseTimeSort"
              v-model="selectItemContain"
              @click="getTimeSequence"
      >
        <option :value="item.value" v-for="(item,index) of selectItem" :key="index">{{item.name}}</option>
      </select>

getTimeSequence(){
    console.log(this.selectItemContain);
}

然后如果用户点击了select里面的值，可以改变selectItemContain的值，就可以正确显示用户选择的，注意是按照option里面的value来哈，如果需要得到里面的值，可以直接console.log(this.selectItemContain);

• 使用$event去获取内容

在之前的博客中大致说了下，$event可以获取当前节点的内容

      <select name="chooseTimeSort"
              id="chooseTimeSort"
              class="chooseTimeSort"
//如果只有一个参数，$event可以省略不写，但是在函数中可以直接在函数使用
              @click="getTimeSequence($event)"
      >
        <option :value="item.value" v-for="(item,index) of selectItem" :key="index">{{item.name}}</option>
      </select>

getTimeSequence(e){
    console.log(e.target.value);
}