关于在VUE中下拉列表的option无法添加事件传值的问题

      在vue项目中，当我们用v-for遍历select下的option时，我们想通过给option添加点击事件来获取我们所遍历的对象，却发现我们的点击事件根本不触发

      那么我们怎样才能把我们想要的值传递过去呢？我们需要在select上绑定一个v-model，在data里定义一个v-model所绑定的空值，然后通过change事件将这个空值传递过去，然后我们在option上绑定value属性，在value上绑定你要传递的值（也可以是当前对象的下标或者id），然后在change事件中接收你传过来的值，就可以了

vue官网也对这部分进行了介绍： 详见官网

<select id="salesfrom-job_title" >

<option value="">请选择</option>

<option value="0">不禁用</option>

<option value="1">禁用</option>

</select>

<select id="salesfrom-f_id" >

<option value="">请选择</option>

<option value="1">测试1</option>

<option value="4">测试2</option>

</select>

<script>

$("#salesfrom-job_title").on('change',function(){

    var jobtitle = $(this).val()

    var selectfid = $("#salesfrom-f_id")

    if(jobtitle == 1){

        selectfid.attr("disabled","disabled")

    }else{

        selectfid.attr("disabled",false)

    }

})

</script>

---