vue的小demo, 需求是做二级关联菜单, 然后可拖拽调
Build SetupA Vue.js project
# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
这是一个小DEMO 使用了 vue && vuedraggable && bootstrap 实现的功能是, 使用一个数组JSON生成一个二级关联的菜单, 并可以拖动菜单内的元素改变其位置的同时, JSON内的数据位置也发生对应变化, 并且可以自己添加数据也就是:
二级关联菜单 拖动 数据结构同时改变 可添加数据 数据改变, 更新二级菜单目录中还附有一个简单的Demo 一个vuedraggable作者的完整Demo
可直接以组件方式引入查看
演示:
PS: 在把包下下来后, npm install后, 运行时会提示错误:
To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-5dfb6395","scoped":true,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0&bustCache!./foods.vue
解决方法是: 当前目录（项目）下
npm install stylus-loader css-loader style-loader --save-dev
并且
npm install stylus
这样就没有缺少的不能加载的模块了
npm run dev也不会报错了
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
