关于网友提出的“ (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:以 AmazeUI
的 Dropdown
为例的话
简单的使用可以在 ready
中进行绑定
jsFiddle
或是利用 directive
jsFiddle
但最好的方式还是封装成 Component
,拥有比较多的弹性空间,而且封装的好点还能到处共用