获取按钮的值（vuejs）

Question

我想在单击时获取按钮的值我已经添加了一个方法。但每当我点击那里什么都没有。该值未通过。谁能帮我？谢谢。

代码如下：

<button
class="button buttonvalue"
v-for="(p,index) in buttonvalue"
:key="index"
@click="webcamSendRequestButton($event)"
>{{p}}</button>

方法：

  methods: {
    webcamSendRequestButton: function(e) {
    // const buttonValue = e.target.value;
    // console.log(e.target.value)
    alert(e.target.value);
    }
  }

按钮值的数据（Json）

数组数据：小、中、大

this.buttonvalue= this.item[0].buttonvalue.split(',');

Answer 1

例如，如果您只需要传递一个值 p，那么您可以这样写：

@click="webcamSendRequestButton(p)"

然后在你的方法中：

  methods: {
    webcamSendRequestButton(val) {
       alert(val);
    }
  }

我假设 buttonvalue 是您正在循环的某种 array。

希望对您有所帮助。

Answer 2

要获取值按钮值，您可以先绑定一个 :value 属性，例如：

<button
  class="button buttonvalue"
  v-for="(p,index) in buttonvalue"
  :key="index"
  @click="webcamSendRequestButton($event)"
  :value="p"
>{{p}}</button>

那么e.target.value就可以了。

或者，如果您不想添加其他属性，那么您可以简单地使用：

methods: {
  webcamSendRequestButton(e) {
     console.log(e.target.textContent)
  }
}

而不是使用 e.target.value。

或者，如果需要值 p，那么您只需将其传递给点击处理程序，例如：

@click="webcamSendRequestButton(p)"

然后像这样访问它：

methods: {
  webcamSendRequestButton(buttonvalue) {
     console.log(buttonvalue)
  }
}

获取按钮的值（vuejs）

Getting the value of button (vuejs)

vue.js

vuejs2

vuejs3