Javascript vue.js中的材质选择初始化
我正在使用vue.js和Material Design Bootstrap(mdb)构建一个应用程序。根据文档,要使用Javascript vue.js中的材质选择初始化,javascript,material-design,vue.js,Javascript,Material Design,Vue.js,我正在使用vue.js和Material Design Bootstrap(mdb)构建一个应用程序。根据文档,要使用select样式,我需要通过以下方式覆盖标准select: $(document).ready(function() { $('.mdb-select').material_select(); }); 但是,我不确定将上述代码放在我的vue.js组件的何处。我尝试将其放入我的create方法: <template> <select class="
select
样式,我需要通过以下方式覆盖标准select
:
$(document).ready(function() {
$('.mdb-select').material_select();
});
但是,我不确定将上述代码放在我的vue.js组件的何处。我尝试将其放入我的create
方法:
<template>
<select class="mdb-select">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</template>
<script>
module.exports = {
created: function () {
$('.mdb-select').material_select();
},
}
</script>
1.
2.
3.
module.exports={
已创建:函数(){
$('.mdb select').material_select();
},
}
但是,我不断得到错误未捕获类型错误:$(…)。material_select不是一个函数
有人知道我应该在哪里执行初始化吗
提前谢谢 报告说:
创造
在创建实例后同步调用。在这一阶段
实例已完成对选项的处理,这意味着
已建立:数据观察、计算属性、方法,
监视/事件回调。但是,DOM编译尚未启动,
而且,$el
属性将不可用
您需要已经创建了DOM元素,因此需要
就绪
阶段。另外,您应该使用$(this.$el).find('.mdb select')
将您的选择限制为当前元素。请注意:您需要这个。$el
,而不仅仅是$el
@BillCriswell谢谢。Fixed.Hi-我刚刚尝试在ready()
函数中放置$(this.$el).查找('.mdb select').material\u select()
,但仍然得到相同的未捕获类型错误:$(…)。material\u select不是函数
错误。。。有什么想法吗?@user1547174在应用Vue之前,请检查材料选择是否正确。