随笔分类 -  Vue

摘要:vue-element-admin GitHub 地址:https://github.com/PanJiaChen/vue-element-admin 演示地址:https://panjiachen.github.io/vue-element-admin ant-design-vue-pro Git 阅读全文
posted @ 2021-04-17 14:44 LilLazy 阅读(335) 评论(0) 推荐(0)
摘要:最近需求需要,要在eclipse上进行vue开发,按照网上教程发现装不上插件,现在我总结一下我的安装过程 到了这个我们已经全部安装完,现在来检查一下 检查无误后创建vue-demo-helloworld vue项目,在控制台 执行vue init webpack vue-demo-helloworl 阅读全文
posted @ 2021-04-07 14:21 LilLazy 阅读(1034) 评论(0) 推荐(0)
摘要:之前一直想做个国际化、在线换肤和拖拉拽生成网页的demo,或者说实现思路。拖拉拽生成网页一直没什么思路,今天先实现国际化。当然是用插件了,不是自己实现。vue-i18n使用很简单: 安装依赖:npm i vue-i18n -S引入、调用:import VueI18n from 'vue-i18n'; 阅读全文
posted @ 2021-03-27 15:13 LilLazy 阅读(289) 评论(0) 推荐(0)
摘要:开整 安装依赖 npm install vue-video-player --save 1 引入样式 // 第一个是videoJs的样式,后一个是vue-video-player的样式,因为考虑到我其他业务组件可能也会用到视频播放,所以就放在了main.js内require('video.js/di 阅读全文
posted @ 2021-03-11 09:01 LilLazy 阅读(1395) 评论(2) 推荐(1)
摘要:<script> export default { data(){ return{ i = 0 } }, mounted () { window.addEventListener('scroll', this.handleScroll, true); // 监听(绑定)滚轮 滚动事件 }, meth 阅读全文
posted @ 2021-03-10 09:41 LilLazy 阅读(383) 评论(0) 推荐(0)
摘要:最近写了一个VUE的web app项目,需要实现某个部位吸顶的效果。即,页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示。 1、监听滚动事件 利用VUE写一个在控制台打印当前的scrollTop, 首先,在mounted钩子中给window添加一个滚动滚动监听事件, mounted () { 阅读全文
posted @ 2021-03-10 09:39 LilLazy 阅读(335) 评论(0) 推荐(0)
摘要:一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、node -v(注意是小写的v大写会报错)或node --version检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taoba 阅读全文
posted @ 2021-03-06 13:44 LilLazy 阅读(496) 评论(0) 推荐(0)
摘要:异常如下: 这个异常是路由传参引起的。分两种情况 第一种: 使用 props 定义了参数,但是没有在组件调用的时候传递参数。 正常定义如下: 调用如下: 第二种: 使用 query 传递参数,但是使用了 props 定义参数 正确定义和获取参数如下: 传递方式如下: (也可以在 router-lin 阅读全文
posted @ 2021-03-06 13:07 LilLazy 阅读(2455) 评论(0) 推荐(0)
摘要:vue-countTo是一个无依赖,轻量级的vue组件。你可以设置 startVal 和 endVal,它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js; 安装:npm install vue-count-to 具体组件的使用: <template> < 阅读全文
posted @ 2021-03-06 13:04 LilLazy 阅读(640) 评论(0) 推荐(0)
摘要:文章链接:[https://blog.csdn.net/qq_41653151/article/details/112185343]() 文章链接:[https://blog.csdn.net/qq_40963664/article/details/79883159]() 阅读全文
posted @ 2021-02-27 14:38 LilLazy 阅读(51) 评论(0) 推荐(0)
摘要:本文章出处https://blog.csdn.net/qq_38209578/article/details/84983868,主要是为大家解决再npm指令性构建node_modules包文件数量太多,导致直接删除太慢,而整理的cmd指令。 1.安装npm包–rimraf npm install r 阅读全文
posted @ 2021-02-24 11:52 LilLazy 阅读(428) 评论(0) 推荐(0)