vue.js 是否可以在 inline-template 綁上方法或屬性

andyyu0920
  • 1.7k

今天剛學習 vue 有一個問題想請教
假設我已經有一個 component 如下

var Component = Vue.extend({
  methods: function () {
    print: function () {
      console.log('Go')
    }
  }
});

Vue.component('component', Component);

可否在 HTML 中直接 bind methods 呢?或者說該怎麼做能夠做到動態放入子元素但能用父元件的方法

<component>
  <button v-on:click="print">Print</button>
</component>
回复
阅读 3.8k
2 个回答
✓ 已被采纳
var Button= Vue.extend({
  methods: function () {
    print: function () {
      this.$dispatch('print','123')
    }
  }
});
覃国雷
  • 5
新手上路,请多包涵

child.$dispatch让事件传播到父元素 parent可以把事件写在events里面

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏