Vue.js @click在手机上的选项中不起作用

Question

我有一个选项下拉菜单，单击一个选项时，它会根据指定的数量设置“值”。 然后，我在输入中显示所选的数量。 例：

 <select class="form-control" style="max-width: 150px;"> <option value="hideMe" selected="true" disabled="disabled" >Select value...</option> <option value="10" @click="Value = 10">Buy 10</option> <option value="20" @click="Value = 20">Buy 20</option> <option value="50" @click="Value = 50">Buy 50</option> <option value="100" @click="Value = 100">Buy 100</option> <option value="500" @click="Value = 500">Buy 500</option> <option value="1000" @click="Value = 1000">Buy 1000</option> </select> <input type="number" class="form-control" id="ammount" v-model="Value" name="Amount"> 

所有这些都可以在我的桌面上使用，但是当我在手机（android）上对其进行测试时，它将无法使用。 我使用另一个Vue来计算“ Value”的值，该值适用于移动设备和台式机。

我要怎么做才能使其在移动设备和台式机上都能工作？

Answer 1

使用@ click.native =“ value = 100”。 （仅适用于组件）

但是更好的方法是在select上使用v-model而不定义@click on options。