vue-cli
文章平均质量分 54
小白阿里里
前端小白一枚,写下这些希望能方便自己记忆查找,也希望能帮到其他需要帮助的朋友们,如果有改进或者错误的地方希望能得到大家指点,共同进步。
展开
-
vue-cli 项目打包后打开页面空白
关于项目在打包后打开页面空白问题在我们输入命令 npm run build 打包项目后在项目文件中会多出一个dist文件夹,打包后的文件就在该文件夹中,将里面的文件放在服务器上即可。 我第一次这样操作的时候,打开页面一片空白,调试模式下显示css,js全都是引入错误。打开config文件夹下的 index.js 找到如下图所示区域: 可以看到 assetsPublicPat...原创 2018-08-26 21:19:14 · 9948 阅读 · 2 评论 -
vue.js 结合 vue-waterfall-easy 实现瀑布流 + 下拉刷新
vue.js 结合 vue-waterfall-easy 实现瀑布流 + 下拉刷新最近的项目需求首先页面展示是需要瀑布流的,然后还要有下拉刷新功能,我本以为通过 vue-waterfall-easy 实现了瀑布流后再使用其他 ui 库中的下拉刷新就能轻而易举的实现该效果,但事实并非如此,在尝试了多种方法未果后,终于得出了结果,下面进入主题:首先我在尝试两个组件合并失败的时候重新去阅读了文档,才...原创 2018-10-15 16:48:31 · 7214 阅读 · 20 评论 -
vue.js 实现瀑布流之 vue-waterfall-easy
vue.js实现瀑布流之vue-waterfall-easy本文转自 http://www.cnblogs.com/meng1314-shuai/p/7407055.html想必大家应该很多都已经习惯了jquery的DOM操作,jquery的瀑布流实现起来也很容易。但是,随着时代的发展,随着时代的进步…算了算了,扯远了,既然能找到这儿来,肯定是在vue.js上已经有一定的基础了,咱们废话不...转载 2018-10-15 15:55:59 · 2826 阅读 · 2 评论 -
vue-cli 中将 px 转为 rem
1.安装 lib-flexible,完成后在 main.js 中引入npm i lib-flexible --save// main.jsimport 'lib-flexible/flexible';2.安装 px2rem-loadernpm install px2rem-loader然后在 build 文件夹下的 utils.js 中配置,加入下图中红框内容 其中 r...原创 2018-09-06 17:03:17 · 977 阅读 · 0 评论 -
在 vue-cli 中安装使用 scss
安装 node-sass 和 sass-loadernpm install node-sass --save-devnpm install sass-loader --save-dev安装完成后在需要使用的页面的 style 中加入 lang=”scss” 即可,例:<style lang="scss"> /* 用来放置变量的 scss 文件 */ @im...原创 2018-09-06 15:28:21 · 2347 阅读 · 0 评论 -
在 vue-cli 表单中给 input 赋值提交后获取到的为空值的问题
input 赋值后表单提交却为空先讲一下需求,在调用接口后将返回的值赋在表单的 input 上,然后提交表单。今天在做这个的时候因为这个问题困扰了很久,明明值已经赋上去了,结果提交后显示的该值为空。具体看以下代码:<template> <div class="hello"> <form :action="action" method...原创 2018-08-26 00:26:48 · 14986 阅读 · 4 评论 -
cube-ui 结合 vue-cli 实现下拉刷新和上拉加载
使用cube-ui 实现下拉刷新,上拉加载官方文档: https://didi.github.io/cube-ui/#/zh-CN cube-ui 是基于 Vue.js 实现的精致移动端组件库。在我们制作移动端页面时能够给予我们很大帮助,详细介绍都在上方的官方文档中,如何安装这里就不再赘述了。 &lt;div class="father"&gt; // 需要给 f...原创 2018-08-29 20:05:11 · 7006 阅读 · 2 评论 -
vue 参数传递的几种方法
开发过程中参数传递1. 通过 name 传递参数 图一 图二 我们常把页面的路由配置在图一中的 router 文件夹下的 js 文件中,图二为配置的内容。这其中的 name 属性是可以作为参数传递的,在模版中直接只用 {{$route.name}} 接收,即可以在模版中显示。2. 通过 &amp;amp;lt; router-link &amp;amp;gt; 中的 to 传递参数使用 &amp;amp;lt;...原创 2018-08-22 23:35:01 · 14761 阅读 · 0 评论 -
vue项目打包后体积很大
在通过 build 命令后得到项目文件发现体积很大,其实这是由于在打包时生成了.map 文件,因为项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。而 .map 文件就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。去除 .map 文件可以提升 build 速度,也可以保护源码。去除方法:在 config/index.js 中修改参数,找到...原创 2018-11-09 10:47:35 · 4573 阅读 · 0 评论