(vue.js)如何在Vue中使用其他UI框架的组件?

来源:互联网  时间:2016/7/23 0:27:54

关于网友提出的“ (vue.js)如何在Vue中使用其他UI框架的组件?”问题疑问,本网通过在网上对“ (vue.js)如何在Vue中使用其他UI框架的组件?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)如何在Vue中使用其他UI框架的组件?
描述:

现在的情况是无法在 Vue 中定义的组件里使用 Amaze UI 的 dropdown 等组件。

正准备自己封装中。

请问,该如何在 Vue 定义的组件中使用 Amaze UI 或者 Bootstrap 或者其他 UI 框架的 JS 组件呢?


解决方案1:

function addRow() {
        var item = $('#itemDiv').clone();
        item.removeAttr("id");
        item.removeAttr("style");
        $('#parentDiv').append(item);

        $('[data-am-selected]').selected();
        $('[data-am-datepicker]').datepicker();

    }
解决方案2:

AmazeUIDropdown 为例的话

简单的使用可以在 ready 中进行绑定
jsFiddle

或是利用 directive
jsFiddle

但最好的方式还是封装成 Component ,拥有比较多的弹性空间,而且封装的好点还能到处共用

上一篇notepad++装zen coding不能用
下一篇(vue.js)关于vuejs动态组件问题
明星图片
相关文章
《 (vue.js)如何在Vue中使用其他UI框架的组件?》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)