link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
安静的莲藕 · 奥地利在本国领空迫降玻利维亚总统专机，后果严 ...· 5 月前 · |
|
|
英姿勃勃的麦片 · 学园NTR 安装问题_百度知道· 6 月前 · |
|
|
灰常酷的雪糕 · 当代文学海外传播发生巨变---党建网· 1 年前 · |
|
|
八块腹肌的柑橘 · 【黑狱之神】一生毫无败绩的绝世兵王，意外重生 ...· 1 年前 · |
|
|
近视的眼镜 · 盐城市人民政府 数据解读 ...· 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) {