Получение значения кнопки (vuejs) - PullRequest
Новая
       63

Получение значения кнопки (vuejs)

2 голосов
/ 16 июня 2020

Я хочу получить значение кнопки при нажатии. Я уже добавляю метод. но всякий раз, когда я нажимаю, ничего нет. значение не передается. Может кто-нибудь помочь мне? Спасибо.

Вот код: 

<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);
    }
  }

DATA (Json) значения кнопки

массив данные: маленький, средний, большой

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

Ответы [ 2 ]

1 голос
/ 16 июня 2020

Чтобы получить значение кнопки значения, вы можете сначала привязать атрибут :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)
  }
}
1 голос
/ 16 июня 2020

Если вам просто нужно передать значение p, например, вы должны написать:

@click="webcamSendRequestButton(p)"

, тогда в вашем методе: 

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

Я предполагаю, что buttonvalue - это какой-то array, через который вы проходите.

Надеюсь, это поможет.

...