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

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

文章/答案/技术大牛

发布

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

推荐文章

魁梧的水煮鱼 · 奋进正当时，大干三十天——雅园建筑公司吹响深圳机场江门航空港竣工冲刺号角_工作动态_江门市国资委

2 月前

近视的香菜 · WebRTC Issue - Navigator.MediaDevice is not presented in your device. · Issue #463 · jeromeetienne/A

6 月前

逆袭的斑马 · 实录！李克强向十三届全国人大二次会议作政府工作报告

7 月前

威武的汤圆 · 查询数组 - MongoDB 手册 v5.0

7 月前

任性的弓箭 · 恋爱舞台在线观看卡卡动漫：恋爱舞台在线观看删版_紫可可

1 年前

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

回答 5

Stack Overflow用户

Stack Overflow用户