小编Ali*_*Ali的帖子

有没有办法在VueJS中使用mixins继承模板

有人知道如何mixin使用其模板继承a ?或如何从一个mixin?注入dinamically元素或组件?

编辑: 我不想修改问候组件,我有两个Mixins:404Mixin添加方法raise404()并显示100%图层和LoaderMixin,其中有load()方法显示角落中的微调器.我可以继承他们的方法,但我必须在我想要使用它的每个组件中复制html.

谢谢

mixin = {
  template: '<p>{{ foo }}</p>',
  data() {
    return {
      foo: 'Hello',
    };
  },
}

// This should  be <div><p>Hello</p><p>World!</p></div>
Vue.component('greeting', {
  mixins: [mixin],
  template: '<div><p>World!</p></div>'
});

var vm = new Vue({
  el: '#app'
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdn.jsdelivr.net/vue/1.0.16/vue.js"></script>
<div id="app">
  <greeting></greeting>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript vue.js

8
推荐指数
2
解决办法
5264
查看次数

标签 统计

javascript ×1

vue.js ×1