0

Написал свой компонент

  export default {
    name: 'TButton',
    render (h) {
      return h('button', { 'class': { btn: true } }, this.$slots.default)
    }
  }

Что я сделал не так, что директивы vue не работают

t-button.white(@click="alert()") Send // Template PUG

2 ответа 2

1

В компоненте нужно на кнопку повесить событие и пробросить событие нажатия наверх в родительский компонент: @click="$emit('click', $event)"

1
  • Спасибо, но на en.stackoverflow дали более рациональное решение
    – Alexander
    17 сен 2017 в 15:42
0

Ответ на англоязычном stackoverflow

Vue.component('sample', {
  render: function(createElement) {
    return createElement('button', {
      on: {
        click: this.$listeners.click
      }
    }, this.$slots.default)
  }
})

new Vue({
  el: '#app',
  methods: {
    foo() {
      console.log('foo called')
    }
  }
})

Использование

<script src="https://unpkg.com/vue"></script>
<div id="app">
  <sample v-on:click="foo()">bar</sample>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.