javascript - vue 如何在一个现成的组件上做修改?或者说继承以后再实现自己附加的功能?
ringa_lee
ringa_lee 2017-04-11 12:54:03
0
2
266

如图,VueCarbon是引入的UI库,其中有button组件,想自定义button组件

想用mixins: VueCarbon.button方法实现,然后替换template来实现模板改变
,却发现没有用,好像是VueCarbon.button 这个值为空,但是直接用button也没用.不知道应该怎么弄了.难道只有复制源码来定义?

ringa_lee
ringa_lee

ringa_lee

membalas semua (2)
Ty80

一个按钮 css copy过来就行了 。

mixin是混合方法 你引入的组件 我觉得肯定不是方法应该是实例吧 所以你这样肯定不行

非要实现继承 vue有个es6 class的插件可以实现 那个也可以实现slot. 比较灵活

    Ty80

    这里你 import 进来的实际是组件的构造器,并不是组件的配置项。
    可以使用 extends 选项实现

    var CompA = { ... } // 扩展 CompA,不用调用 Vue.extend var CompB = { extends: CompA, ... }

    http://vuejs.org.cn/api/#extends

      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!