vue
文章平均质量分 75
攻城狮YanGo
一个在前端路上行走的猿
展开
-
基于vue3.0+vantUI+sass实现的移动端商城
基于yg_mobile开发的一款简单的h5商城页面yg_mobile 自开发vue移动端的启动项目源码yg_mobile项目的gitee地址:https://gitee.com/yango520/yg_mobileyg_mobile方便往后自己开发vue移动端项目时候,不需要再做其他配置和造轮子等复杂工作特别声明:UI是参考yoyo的设计,仅用于学习,非商业用途项目gitee地址:https://gitee.com/yango520/yg_shopYG商城预览地址: 传送门查看预览图项原创 2021-06-15 23:33:14 · 2056 阅读 · 10 评论 -
vue+threejs通过OrbitControls控制模型
最近在学习threejs,因为都是在html写的,所以自己想结合vue去实现threejs的3D模型,然后遇到了许多坑[说多了都是泪]其他的坑就不多说了下面实现一下引入OrbitControls控制模型参考了Beam007博主的方法安装imports-loader and exports-loader(用于向一个模块的作用域内注入变量、从模块中导出变量)npm install impor...原创 2020-05-06 16:49:42 · 4231 阅读 · 1 评论 -
vue实现页面跳转时回滚到页面顶部
直接在main.js添加下面代码即可router.afterEach((to, from, next) => { window.scrollTo(0, 0)})原创 2020-05-06 15:16:32 · 715 阅读 · 0 评论 -
基于vue+router+vuex的移动端留言板项目
mimi介绍: 该项目基于vue的移动端项目,没有使用UI框架,后端基于node express,前端仓库: https://gitee.com/yango520/mimi后端跟后台仓库: https://gitee.com/yango520/messageBoard# install dependenciesnpm install# serve with hot reload ...原创 2020-02-27 16:02:50 · 1069 阅读 · 0 评论 -
vue中@import css的时候无法识别~
当我们用vue-cli创建项目的时候,发现在style中@import '~styles/common.scss'的时候发现会报错找不到路径我们可以在/build/webpack.base.con.js中的resolve配置别名再在styles中去引入@import 'styles/common.scss';/*或者*/@import '~styles/common.sc...原创 2020-01-08 00:30:28 · 3235 阅读 · 0 评论 -
vue中引入scss报错的问题
以前一直在用less,没用过scss,这次写一个项目打算用scss来写的然后发现了一些坑正常我们都是在项目中直接安装scss的npm install style-loader sass-loader node-sass --save-dev以前安装了less是需要手动去配置的,然后就在在webpack.base.conf.js的rules中添加了{ test:...原创 2020-01-06 23:57:10 · 4481 阅读 · 0 评论 -
vue-cli项目打包后大图片(背景图)路径不对的解决方案
vue-cli在npm run dev的时候可以访问到图片。但是打包后会发现,一些大的背景图访问路径不对,直接访问到static/css/static/img,而我们打包到图片是放到static/img中的,也就是之际上多访问了/static/css解决方案直接在build/utils.js文件中添加 publicPath: '../../'添加位置如下图...原创 2019-10-19 23:58:20 · 931 阅读 · 0 评论 -
vuex刷新页面导致数据丢失的解决方案
这是转载大佬的方案,决定非常使实用原文地址:https://blog.csdn.net/guzhao593/article/details/81435342关于vuex刷新为什么会数据丢失的原因就不多说了,有用过vuex的应该都会了解,下面是解决方案思路:在刷新前把state的数据(通过localStorage或者sessionStorage)本地存储起来 刷新之后再再把存储起来...转载 2019-10-18 23:28:56 · 841 阅读 · 2 评论 -
vue-router跳转页面的三种跳转方式
在vue-router中,有三种跳转方式 router.push() router.replace() router.go(n) router.push()跳转指定url路径,并向history栈中添加一个记录,点击后退会返回到上一个页面router.push({ path, params})/**说明 path:跳转路径* params:参数...原创 2019-10-18 12:13:25 · 2772 阅读 · 0 评论 -
mac版搭建vue开发环境
记一次macbook搭建vue开发环境步骤:(五步走)Homebrew (mac系统下的包管理器) node.js (javascript运行环境-runtime) npm (nodejs下的管理器) webpack (构建工具) vue-cli (用于生成模板的vue工程)开始准备工作:打开终端1.安...原创 2019-01-11 15:59:04 · 5823 阅读 · 0 评论 -
Vue+原生App混合开发
转载一篇 Vue+原生App混合开发源地址 : https://www.cnblogs.com/undefined000/p/vue-nativeApp-development.html转载 2019-01-25 15:58:32 · 7798 阅读 · 0 评论 -
vue.js学习之 跨域请求代理与axios传参
博文地址:https://www.cnblogs.com/momozjm/p/7993236.html感谢分享转载 2019-02-22 17:17:59 · 216 阅读 · 0 评论 -
Mint-ui 中的MessageBox confirm详细使用
官方中文文档url:http://mint-ui.github.io/docs/#/zh-cn2/message-boxMint-ui官网文档并没有对该组件进行详细的demo演示,比如像修改一些btn文字就没有说明,自己有遇到,并参考其他网友的(https://blog.csdn.net/guoyiq/article/details/80222063)的博文,自己写个日记首先肯定要安装Min...原创 2019-03-02 11:26:06 · 6800 阅读 · 0 评论 -
vue解决ios微信环境下点击输入框页面被顶起不能自动回弹到底部问题
开发中遇到的这个问题,索性习惯的百度(哈哈),做微信h5页面的相信都有遇到过的,我这里记录一下。听说是微信6.7.4以上,ios12+系统都会有键盘不回弹下面是一位道友的分享,我转发一下:https://blog.csdn.net/YY110621/article/details/87919966问题效果图:下面灰色部分就是调起系统键盘的时候没有回弹(很丑吧)解决方法:1....转载 2019-04-22 15:30:28 · 4609 阅读 · 1 评论 -
vue实现多语言项目(vue-i18n)
首先安装vue-i18n依赖(npm)npm install vue vue-i18n --savevue-i18n官方文档地址:http://kazupon.github.io/vue-i18n/zh/introduction.html在vue项目src文件夹下新建一个 i18n 文件夹存放i18n要用的文件在创建一个lang文件夹存放你需要的语言包//cn.jsm...原创 2019-05-09 16:30:21 · 1835 阅读 · 0 评论 -
vue项目webpack打包app.js文件太大导致首次加载非常缓慢的解决方案
对于初学者接触vue项目的时候,一些小项目可能没注意到这一点。对于中大型的项目,打包出来的app.js都有好几M了,导致首次加载的时候非常缓慢,我因为公司需求而急于接收的vue的项目就遇到这个问题,搜索了很多童鞋的方案,大家都比较推荐gzip静态资源压缩,这个需要结合服务器端的配置。首先打开/config/index.js文件但是先别急于动手安装,因为 npm install --sa...原创 2019-06-05 16:46:46 · 14789 阅读 · 0 评论 -
vue实现完整的购物车功能(包括单选全选,删除商品和结算商品功能)
首先来看看效果图预览地址:http://xy.xxiaoyuan.top/demo/shopCart/#/项目开始之前需要选安装好node跟vue和vue-cli如果还没安装的可以看这里(mac环境下的)https://blog.csdn.net/weixin_39644462/article/details/863025791. 首先创建一个vue项目(命令行如下)...原创 2019-06-03 15:42:10 · 24973 阅读 · 7 评论 -
un-app uni.navigateTo页面跳转做封装传参
uni-app在页面跳转的时候是可以传参的,官方给的方法就是在路由后拼接传参地址uni.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。OBJECT参数说明参数 类型 必填 默认值 说明 平台差异说明 url String 是 需要跳转的应用...原创 2019-09-01 12:23:36 · 28556 阅读 · 4 评论 -
用vue写了个瀑布流布局,看着还可以
源博文发布于2018-10-11 (由于收到建议,在vue中v-for的优先级高于v-if的优先级,这意味着v-if将分别重复运行于每个v-for循环中所以,不推荐v-if和v-for同时使用)2019-6-1【最新更改的代码】,并未通过v-if来判断拆分左右两部分布局,而是通过css来达到瀑布流效果,下面为最新代码,可以直接复制使用。<!DOCTYPE html>&...原创 2018-10-11 15:38:14 · 9937 阅读 · 14 评论