Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript vue.js中的材质选择初始化_Javascript_Material Design_Vue.js - Fatal编程技术网

Javascript vue.js中的材质选择初始化

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="

我正在使用vue.js和Material Design Bootstrap(mdb)构建一个应用程序。根据文档,要使用
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之前,请检查材料选择是否正确。