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

相关文章推荐

威武的长颈鹿 · 前端-常用点击事件获取元素的方式及oncli ...· 1 月前 ·

腹黑的铅笔 · ASP.NET Core Blazor ...· 1 月前 ·

正直的拐杖 · 获取button中value值的方法_js中 ...· 1 月前 ·

博学的钢笔 · JS得到div ...· 1 月前 ·

有腹肌的伤痕 · javascript ...· 1 月前 ·

不拘小节的米饭 · Tutorial: ML ...· 3 月前 ·

不拘小节的小蝌蚪 · Auto.js基础入门教程_哔哩哔哩_bil ...· 10 月前 ·

爱喝酒的紫菜汤 · java的for循环中遇到异常抛出后继续循环 ...· 1 年前 ·

体贴的弓箭 · 获取要在git命令中使用的当前分支名称-腾讯 ...· 1 年前 ·

魁梧的八宝粥 · laravel 多个 orderBy ...· 1 年前 ·

腾讯云

开发者社区

文档建议反馈控制台

首页 TVP

最新优惠活动

文章/答案/技术大牛

发布

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

推荐文章

威武的长颈鹿 · 前端-常用点击事件获取元素的方式及onclick如何获取点击事件所在的元素_点击事件获取当前元素

1 月前

腹黑的铅笔 · ASP.NET Core Blazor 事件处理 | Microsoft Learn

1 月前

正直的拐杖 · 获取button中value值的方法_js中如何通过点击事件获得button的value

1 月前

博学的钢笔 · JS得到div ,button标签内的value值_js获取button的value值

1 月前

有腹肌的伤痕 · javascript 获取按钮事件_mob64ca12d5dd85的技术博客_

1 月前

不拘小节的米饭 · Tutorial: ML pipelines with Python SDK v2 - Azure Machine Learning | Microsoft Learn

3 月前

不拘小节的小蝌蚪 · Auto.js基础入门教程_哔哩哔哩_bilibili

10 月前

爱喝酒的紫菜汤 · java的for循环中遇到异常抛出后继续循环执行_for循环中try catch出现异常还会继续-CSDN博客

1 年前

体贴的弓箭 · 获取要在git命令中使用的当前分支名称-腾讯云开发者社区-腾讯云

1 年前

魁梧的八宝粥 · laravel 多个 orderBy 排序_laravel orderby 多字段_华尔街之程序员的博客-CSDN博客

1 年前

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

回答 5

Stack Overflow用户

Stack Overflow用户