Question

我正在处理Vue文件并选择

 <select v-if="show">
     <option v-on:click="test()" value=""> someData</option>
     <option>otherdata</option>
 </select>

[...] 
 var instance = new Vue({
        el: "#General",
        [...]
        methods:{
            test: function(){
                alert('youre goddam right');
            }
            [...]
        }
    [...]
 }

所以我试图做的是显示我的数据someData和otherdata。这很有效，但是当用户点击firstData，动作＆＃34; test＆＃34;追加，并发出警报，但这不起作用。我尝试了v-on:click但没有发生任何事情。

感谢您的帮助

Answer 1

是的，似乎没有为<option>元素触发click事件。以下是可用的许多修复之一：使用select上的输入事件，并过滤值。

var instance = new Vue({
	el: "#General",
	methods:{
		test: function(value) {
			if (value === "choice1") {
				alert('youre goddam right');
			}
		}
	}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js"></script>
<div id="General">
	<select v-on:input="test($event.target.value)">
		 <option value="choice1">someData</option>
		 <option>otherdata</option>
	</select>
</div>

可选择的操作中的可单击选项

1 个答案: