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都不出来，请问是什么原因