Javascript 在Vue.js中具体化

我是Vue.js新手，我想用Materialize实现我的项目。我尝试了很多插件，比如：vue materialize、vue material组件，但都不起作用。我还尝试将jQuery插件添加到webpack，但我没有任何解决方案：

new webpack.ProvidePlugin({
    $: 'jquery',
    jquery: 'jquery',
    'window.jQuery': 'jquery',
    jQuery: 'jquery'
}),

现在，我正在尝试将work设置为输入选择字段。我怎样才能做到这一点呢？

Vue.js提供了您参考的ECS链接，两者看起来都一样。在这里，我添加了带有下拉按钮的完整工作代码

您只需将以下代码复制并粘贴到文本文件中，然后将其另存为.html文件，例如：name.html。您可以通过在注释和之间添加相关代码来编辑此代码

单击下面的RunCodeSnippet按钮进行在线测试，您可以看到DropMe！按钮单击它后，您可以看到下拉菜单是如何工作的

更多详细信息请参考比您提供的链接更方便用户的链接

滑块

---

以下是我使用Materialize的设置：

build/webpack.base.conf.js

index.html

src/main.js

因此，对于如下所示的输入选择字段：

<div class="input-field" ref="myInput">
  <select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  <label>Materialize Select</label>
</div>

您可以使用来具体化Vue项目。以下是您需要遵循的步骤：

安装vuematerial$npm安装-保存vue材料 将vuematerial导入main.js从“vue material”导入“vue material/dist/vue material.css”导入vuematerial 开始在项目中使用vuematerial Vue.useVueMaterial 示例main.js文件应如下所示：

import Vue from 'vue';
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css';
import App from './App';
import router from './router';

Vue.use(VueMaterial)
Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App },
});

---

现在，您可以在模板中使用vuematerial组件

看看和上的这个问题。示例中的vue在哪里？这是主要活动的一部分question@oswaldo谢谢你的评论。是的，你说得对。但提供的链接包含“物化ECS”。因此，我明确提到，我指的是物化ECS，因为它有时可能对他或其他用户有所帮助。祝你今天愉快

{
  ...
  "dependencies": {
    "materialize-css": "^0.98.2",
  ...
  "devDependencies": {
    "@types/jquery": "^2.0.43", // ==> if using typescript

import 'materialize-css'
import 'materialize-css/dist/css/materialize.css'

<div class="input-field" ref="myInput">
  <select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  <label>Materialize Select</label>
</div>

mounted() {
  $(this.$refs.myInput).material_select()

import Vue from 'vue';
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css';
import App from './App';
import router from './router';

Vue.use(VueMaterial)
Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App },
});