![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目实战
咸鱼最牛逼
这个作者很懒,什么都没留下…
展开
-
六、Vue中使用滚动插件:better-scroll
1.安装插件cnpm install better-scroll --save2.使用(1)是元素符合规范 要想使用 better-scroll 这个插件,必须保证元素符合下列规则:<div class="wrapper"> <ul class="content"> <li>...</li> <li>.....原创 2019-05-15 20:59:55 · 931 阅读 · 0 评论 -
一、Vue移动端项目前准备
1.更改 index.html 的<meta>属性<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">2.解决各个显示终端样式的一致性reset.css@chars...原创 2019-05-12 19:04:06 · 649 阅读 · 0 评论 -
二、Vue中安装使用stylus(写css使用)
1.安装 stylus(写css使用)插件cnpm install stylus --savecnpm install stylus-loader --save2.使用案例使用 stylus 注意事项:这里我们使用的长度单位是 rem,参照的基准是在上一篇文章中 reset.css 中设置的50px,换算方式如下:在reset.css 中设置了 html font-size: 50...原创 2019-05-12 21:12:36 · 2111 阅读 · 2 评论 -
三、Vue中设置路径别名
一:问题 在 CSS 或者 JS 中,有时候需要引入其他相关文件,若目录层级比较多,那么路径会相当长,而且重复书写,比较麻烦。为了解决这个问题,我们可以采用为路径设置别名的方式,来简化路径书写。二:设置别名步骤下例是使用 vue-cli3.0构建项目,步骤如下:1.新建 vue.config.js 文件,和package.json同层级const path = require('pat...原创 2019-05-12 21:23:41 · 5557 阅读 · 4 评论 -
四、Vue中使用 stylus 抽取 CSS 公共变量,并使用
对于 CSS 中一些公共变量,可以处理如下: 第一步:在src/assets/styles目录下新建 variable.styl 文件,这里放置一些公共CSS变量,比如背景颜色:$bgColor = #00bcd4 第二步:引入variable.styl: @import '~styles/variable.styl,使用公共变量:background $bgColor...原创 2019-05-12 21:25:59 · 1685 阅读 · 3 评论 -
五、Vue中使用轮播图插件:vue-awesome-swiper
1.安装vue-awesome-swiper2.6.7插件cnpm install vue-awesome-swiper@2.6.7 --save2.在main.js中引入main.js// 引入轮播插件:vue-awesome-swiperimport VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css...原创 2019-05-12 22:42:49 · 771 阅读 · 0 评论 -
七、springboot中集成vue项目,vue项目路由history模式不能刷新和输入url访问问题
参见 springboot中集成vue项目,vue项目路由history模式不能刷新和输入url访问问题转载 2019-06-06 19:14:19 · 1767 阅读 · 0 评论 -
八、Vue中使用 html2canvas 和 canvas2image 实现网页截屏
一、html转为canvas1.安装 html2canvascnpm install html2canvas --save2.引入 html2canvas// 引入import html2canvas from "html2canvas"3.待转换内容<div ref="lessonTableImg" class="table-container">...<...原创 2019-08-19 15:47:12 · 7536 阅读 · 0 评论 -
九、vue使用element-ui 监听使用回车键事件
参见vue使用element-ui 监听使用回车键事件转载 2019-09-03 21:34:25 · 301 阅读 · 0 评论