时间:2021-05-26
之前找了一下vue关于adminlte3的组件库,github大部分都是2的。比较老了,都是几年前更新的。有adminlte3的,但是都只封装了一两个组件,而且居然还引入jq,然后一股脑把adminlte3的html代码复制进去,这样就成了一个组件。感觉没啥用。感觉是那些作者在练手。
vue引入jq我觉得真的没必要,会产生很多bug,可能可以解决,但是我之前遇到过引入jq出现单页面进入之后jq没法挂载,要刷新才能挂载的情况,蛋疼,一直没解决。所有我打算自己封装一个vue版本的adminlte3.
目前已经封装了快30个组件了。npm版本到0.1.8了。
github 地址nly-adminlte-vue
目前完成事情
组件
指令
使用github下载项目
git clone https://github.com/nejinn/nly-adminlte-vue.gitnpm install npm run server// 查看example,所有组件demo都在这里http://localhost:8080npm下载
npm install nly-adminlte-vuemain.js
import "nly-adminlte-vue/dist/adminlte/css/adminlte.css";import "nly-adminlte-vue/dist/adminlte/fontawesome-free/css/all.css";import "nly-adminlte-vue/dist/adminlte/icon/iconfont.css";import "nly-adminlte-vue/dist/nly-adminlte-vue.css";import { NlyAdminlteVue } from "nly-adminlte-vue";Vue.use(NlyAdminlteVue);到此这篇关于vue 封装 Adminlte3组件的实现的文章就介绍到这了,更多相关vue 封装Adminlte3 内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
组件(Component)是Vue.js最强大的功能。组件可以封装可重用的代码,通过传入对象的不同,实现组件的复用,但组件传值就成为一个需要解决的问题。1.父组
本文实例讲述了vue实现组件之间传值功能。分享给大家供大家参考,具体如下:slot标签:想向封装好结构的组件中插入内容,需要借助在组件之中进行关联:如模板中:组
本文实例讲述了Vue2.0实现组件之间数据交互和通信操作。分享给大家供大家参考,具体如下:Vue2.0组件之间数据交互和通信。Vue2.0废弃了dispatch
将之前的用css3+jq实现的横向树样式简单封装成组件使用到vue项目中,文件名为transverseTree.vue代码:{{column.name}}{{c
本文实例讲述了vue组件开发原理与实现方法。分享给大家供大家参考,具体如下:概要vue的一个特点是进行组件开发,组件的优势是我们可以封装自己的控件,实现重用,比