摘要: 效果图: 上源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2019-09-11 09:49 suni1024 阅读(621) 评论(0) 推荐(0) 编辑
摘要: 1、npm install moment -- save 2、main.js 引入moment //定义全局 时间过滤器 S import Moment from 'moment'; Vue.filter('comverTime',function(data,format){ return Mome 阅读全文
posted @ 2019-09-05 10:42 suni1024 阅读(4483) 评论(0) 推荐(1) 编辑
摘要: 安装 npm install moment --save 在main.js 中引入 // 定义全局 时间过滤器 S import Moment from 'moment' Vue.filter('comverTime', function (data, format) { return Moment 阅读全文
posted @ 2019-09-05 10:01 suni1024 阅读(1603) 评论(0) 推荐(0) 编辑
摘要: router-view 中包含 router-view 这种情况就可以 使用嵌套路由了 变化的视图中包含变化的视图 代码层面 router-view 中 包含router-view 路由children路由 nrm 管理npm 下载包的源,配置私有镜像源; nrm ls 查看 npm 可供下载包的 阅读全文
posted @ 2019-08-31 11:13 suni1024 阅读(255) 评论(0) 推荐(0) 编辑
摘要: ::-webkit-scrollbar-track-piece { width: 8px; height:8px; background-color: #f0f0f0; /* 背景色 */ } ::-webkit-scrollbar { width: 8px; height:8px; backgro 阅读全文
posted @ 2019-08-31 10:51 suni1024 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 1、vue init webpack 2、npm install axios 3、npm run dev 运行项目 4、npm run build 打包项目 会生成一个dist 文件夹,我们只需要把 里面内容上传到服务器即可【FTP之类的方式】 5、vue项目如何没有www.xxx.com/#/in 阅读全文
posted @ 2019-08-31 10:20 suni1024 阅读(1877) 评论(0) 推荐(0) 编辑
摘要: 禁止F12 window.onkeydown = window.onkeyup = window.onkeypress = function (event) { // 判断是否按下F12,F12键码为123 if (event.keyCode = 123) { event.preventDefaul 阅读全文
posted @ 2019-08-30 16:39 suni1024 阅读(5398) 评论(2) 推荐(1) 编辑
摘要: 效果图: 注:$emit 和 $on 的事件必须在一个公共的实例上,才能够触发; $emit 触发 $on 接收 需求: 1、有A、B、C三个组件,同时挂载到入口组件中; 2、将A组件中的数据传递到C组件,在将B组件中的数据传递到C组件; 阅读全文
posted @ 2019-08-29 16:04 suni1024 阅读(684) 评论(0) 推荐(0) 编辑
摘要: vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等,因为vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM; 没有绑定key是这样的: 绑定了key的效果: 源码: 1 <!DOCTYPE htm 阅读全文
posted @ 2019-08-29 15:46 suni1024 阅读(781) 评论(0) 推荐(0) 编辑
摘要: 中午在【掘金】潜水摸鱼,看到这一个沸点,个人已经撸出特效; 下面放上 作者 的 掘金 地址 #掘金沸点# https://juejin.im/pin/5d649eaaf265da19752533db 效果图: HTML: 1 <!DOCTYPE html> 2 <html lang="en"> 3 阅读全文
posted @ 2019-08-27 15:39 suni1024 阅读(1290) 评论(0) 推荐(0) 编辑