Вызов метода через Vue в HTML

Question

Есть цикл v-for для Vue, нужно при его прохождении каждый раз вызвать метод с передачей параметра, как это сделать.

                <div class="test_block" v-for="com in list">
                        <input type="radio" это_взываемый_метод(com.first) class="btn_like" v-bind:placeholder="com.IDUser" value="button_like">
                </div>

                var app = new Vue({
                  el: '#app',
                  data:{list: []}
                  components: { list },
                  methods: {
                    это_взываемый_метод (параметр) {
                      console.log(параметр)
                    }
                  }
                })

Answer 1

Вы явно пытаетесь решить какую-то задачу. И придуманный способ не самый лучший. Я не рекомендую вам так делать, но вот ответ на ваш вопрос:

new Vue({
  el: '#app',
  data: {
    list: [1, 2, 3]
  },
  methods: {
    method(param) {
      console.log(param)
    }
  }
})

<script src="https://unpkg.com/vue"></script>
<div id="app">
  <div class="test_block" v-for="com in list">
    <input type="radio" :fake-attr="method(com) && undefined" class="btn_like" value="button_like">
  </div>
</div>

&& undefined нужен чтобы fake-attr не записался в итоговую разметку в случае, если method(com) вернет результат отличный от null, undefined, false

БЛОГ НА HUSL

Вызов метода через Vue в HTML

Ответы (1 шт):