如何在 laravel 5 中发布/使用节点模块？

Posted 2023-02-23

【中文标题】如何在 laravel 5 中发布/使用节点模块？

【英文标题】：How to publish/use a node module in laravel 5?

【发布时间】：2017-05-19 16:40:51

【问题描述】：

我有我的laravel 应用程序，我开始使用Vuejs。我是新手，也许我缺少一些核心概念。

无论如何（例如）我想使用这个component：具有搜索自动完成功能的多选。

我跑之后

npm install vue-multiselect@next --save

我的 node_module 中有组件目录，并且在 package.json 文件中也有依赖项 vue-multiselect。

现在我对如何在我的一个观点中前进和使用这个组件有点困惑。

网站安装无法正常工作。我无法在 common js 中使用 require 或 import 关键字。

基本用法

HTML

<multiselect v-model="value" :options="options">

JavaScript

import Multiselect from 'vue-multiselect'

// register globally
Vue.component(Multiselect)

export default 
  // OR register locally
  components:  Multiselect ,
  data () 
    return 
      value: null,
      options: ['list', 'of', 'options']
    
  

安装和使用这个组件的正确方法是什么？

【参考方案1】：

你可以看看这个fiddle，它会给你一些想法。

我在您的代码中看到的几处错误是：

html 只是挂起，它应该在一个模板中，并且应该将其 id 传递给 vue 实例的 el 选项。 在vue实例的组件中需要使用Multiselect.Multiselect

【讨论】：

我仍然无法找出如何解决多选问题。实际上我在网上遇到错误：组件：多选：VueMultiselect.Multiselect，未定义VueMultiselect。