link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
微笑的花生 · lodash常用api之Array数组方法篇 ...· 10 月前 · |
|
|
满身肌肉的铁链 · jquery延时_mob64ca12e51e ...· 1 年前 · |
|
|
精明的数据线 · 不用的代码直接删除而不是注释掉-掘金· 1 年前 · |
|
|
不拘小节的紫菜 · 《汇编指令》-学习笔记-4 - ...· 1 年前 · |
|
|
纯真的熊猫 · vba判断是否为整数-掘金· 1 年前 · |
腾讯云
问
如何在使用vue.js单击按钮时获取按钮值
如何在使用vue.js单击按钮时获取按钮值
问
如何在使用vue.js单击按钮时获取按钮值
EN
EN
Stack Overflow用户
提问于
2017-08-31 09:32:36
回答 5
查看 35.4K
关注 0
票数 11
我在一个页面上有几个按钮，它们与相同的方法
webcamSendRequestButton
挂钩。
代码语言：
javascript
复制
<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中单击按钮时，如何获取该按钮的值？
代码语言：
javascript
复制
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
});
EN
回答 5
Stack Overflow用户
回答已采纳
发布于 2017-08-31 10:03:25
您可以简单地将其作为函数的参数。
代码语言：
javascript
复制
<button v-on:click="webcamSendRequestButton(0)" type="button" class="webcam-send-request-button" :disabled="disabled">Verify</button>JS
代码语言：
javascript
复制
...
methods: {
webcamSendRequestButton(value){
//"value" is the clicked button value
...
票数 11
EN
Stack Overflow用户
发布于 2017-08-31 10:51:18
一个比以前更好的答案是将原始的DOM '
$event
‘变量注入到处理程序调用中：
v-on:click="webcamSendRequestButton($event)"
并在您的处理程序中接收它：
代码语言：
javascript
复制
methods: {
webcamSendRequestButton: function(e) {