欢快的消炎药 · 阿富汗妇女表示“虽然活着,但却没有生活”,人 ...· 1 月前 · |
逆袭的骆驼 · Meta-learning综述_metric ...· 1 月前 · |
爱跑步的春卷 · 募资金额缩水8个亿,Momenta冲刺IPO ...· 1 月前 · |
活泼的牛肉面 · 杨俊介绍我省药品集中采购和使用工作取得的成效 ...· 1 月前 · |
善良的海豚 · 李强抵达比什凯克出席上海合作组织成员国政府首 ...· 10 月前 · |
我在一个页面上有几个按钮,它们与相同的方法
webcamSendRequestButton
挂钩。
<button v-on:click="webcamSendRequestButton" value="0" type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>
<button v-on:click="webcamSendRequestButton" value="1" type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>
<button v-on:click="webcamSendRequestButton" value="2" type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>
<button v-on:click="webcamSendRequestButton" value="3" type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>
当单击按钮时,我正在进行ajax调用。在jquery或JS中,使用
$(this).val();
单击按钮的值非常简单。
在vue中单击按钮时,如何获取该按钮的值?
var app = new Vue({
el: '#my-div',
methods: {
webcamSendRequestButton: function() {
const buttonValue = ??? // How do I fetch the value over here
$.ajax({
url: "someurl",
type: "POST",
data: {
value: buttonValue
success: function (data) {
// Omitted for brevity
});
发布于 2017-08-31 10:03:25
您可以简单地将其作为函数的参数。
<button v-on:click="webcamSendRequestButton(0)" type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>
JS
...
methods: {
webcamSendRequestButton(value){
//"value" is the clicked button value
...
发布于 2017-08-31 10:51:18
一个比以前更好的答案是将原始的DOM '
$event
‘变量注入到处理程序调用中:
v-on:click="webcamSendRequestButton($event)"
并在您的处理程序中接收它:
methods: {
webcamSendRequestButton: function(e) {