如何在使用vue.js单击按钮时获取按钮值开发者社区

<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>

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
});

<button v-on:click="webcamSendRequestButton(0)"  type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>

...
methods: {
  webcamSendRequestButton(value){
     //"value" is the clicked button value
...

methods: {
  webcamSendRequestButton: function(e) {

推荐文章

爱喝酒的甜瓜 · 控制按钮只打开一个子页面（window.open 只显示一个页面） - 天為

1 月前

稳重的警车 · 【QT】如何自定义QMessageBox的窗口大小，通过继承QDialog重新实现美观的弹窗_qt 弹窗

1 月前

英姿勃勃的勺子 · Qt：31---QMessageBox消息对话框__qt qmessagebox

1 月前

活泼的泡面 · 19.PyQt5【基本组件】消息对话框-QMessageBox - 测开星辰

1 月前

无聊的莴苣 · Vue 中 $set() 与 Vue.set() 原理及使用__vue.set

1 月前

活泼的手术刀 · 通过onnx.helper构建计算图-CSDN博客

1 年前

千杯不醉的冰棍 · 使用pymysql读取mysql游标数据集------对结果集进行行列显示，并左右对齐显示 - noteswiki - 博客园

1 年前

打篮球的香菜 · StringUtils (Spring Framework 6.0.10 API)

1 年前

不爱学习的伏特加 · 计算机网络知识点总结（三）Socket基本函数详解，C++ Socket入门实战 - 知乎

1 年前

问 如何在使用vue.js单击按钮时获取按钮值 EN

回答 5

Stack Overflow用户

Stack Overflow用户