vue.js select下拉框事件绑定不上

Question

<select name="" id="" v-model="reportId">    <option value="" v-if="reportData.length==0">&nbsp;没有更多了</option>    <option value="" @click="reportPrice(item.id)" v-for="item in reportData" v-bind:value="item.id" v-html="'报表'+(parseInt($index)+1)"></option></select>上面是模板reportPrice(id){    alert();    let self = this;    var url = Lib.api.project_reports_price;    var params = {        'access_token': USER.access_token,        'reportId': id    }    var callback = (response)=>{        if(response.code==200){            self.price = response.price;        }    }    Lib.run.ajax(url,'post',params,callback);}这个是绑定的事件，alert都不出来，请问是什么原因