|
|
相关文章推荐
|
文武双全的热带鱼 · 《转生成为了只有乙女游戏破灭Flag的邪恶大 ...· 1 月前 · |
|
|
个性的手套 · 合肥地铁7号线线路图（最新）- 合肥本地宝· 2 月前 · |
|
|
彷徨的热水瓶 · 广州中山大道出现地陷 ...· 2 月前 · |
|
|
绅士的大脸猫 · 【實體】行銷工作者的專屬外掛-ChatGPT ...· 4 月前 · |
|
|
率性的啤酒 · Build Headless ...· 4 月前 · |
腾讯云
问
如何在使用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) {
推荐文章
|
|
个性的手套 · 合肥地铁7号线线路图（最新）- 合肥本地宝 2 月前 |