账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何在vue-cli中调用mixins的template
    19
    0

    在一般的vue写法中,mixins可以混入template

    var Foo = new Vue({
      template: `<div><p>this is in Foo</p></div>`
    })
        
    var Bar = new Vue({
      el: "#app",
      mixins: [Foo],
      created () {
          console.log(Foo)
      },
      template: `<div>` + Foo.$options.template + `<p>others</p></div>`
    })

    输出:
    this is in Foo
    others
    可以在 https://jsfiddle.net/once_ss/... 运行它

    这其中,Bar不仅有自己的template内容(others),而且还使用了mixins进来的Foo的template(this is in Foo)。

    但是在vue-cli中没法这么写,
    倘若在Bar.vue中写了<template></template>那么就会只显示Bar自己的这部分template,如果Bar.vue根本就不写<template></template>,那么就会显示Foo中的template内容。

    问题就在这里,如何在vue-cli中同时显示Foo本身的和Bar本身的template内容?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部