随笔分类 -  vue

vue打包图片路径报错问题
摘要：好久没有做vue项目了 处于遗忘状态了…… 这次用vue做了一个移动端大转盘抽奖活动，打包的时候出现了图片路径问题报错问题，百度解决了，记录下 分为css打包路径和js打包路径报错问题 1、css主要修改两个配置文件，首先将build文件夹下的until.js文件打开，找到如图1所示的地方加上pub 阅读全文
posted @ 2020-08-19 17:03 霜~ 阅读(1114) 评论(0) 推荐(0)
vue 微信浏览器ios系统<audio>不播放，图片预加载，scroll隐藏底部笔记
摘要：1、ios 不播放Vue.prototype.playAudio = function (audioSrc, cb) { var audio = new Audio() audio.preload = 'auto' audio.src = audioSrc if (window.WeixinJSBridge) { console.log('audio支持') ... 阅读全文
posted @ 2020-01-09 15:05 霜~ 阅读(562) 评论(0) 推荐(0)
vue data属性中的值绑定到dom上的一些问题
摘要：1、html属性绑定既有字符串又有变量的写法 2、路由绑定写法： <router-link :to="navlist.link"> 3、html上绑定由data返回的class名 <span :class="[ navlist.nav_icon ,xxx]"></span> 4、直接在html中的s 阅读全文
posted @ 2019-05-23 14:16 霜~ 阅读(2051) 评论(0) 推荐(0)
vue路由和window路由问题
摘要：1、vue路由原理：vue路由有两中模式，一种是hash，一种是history，通过mode进行设置，hash会链接上会带#号，history是正常链接 hash: 利用url中的hash值进行页面的切换，实际不会请求后台接口，只改变hash值，通过hashchange监听hash值的变化，进行事件 阅读全文
posted @ 2019-04-23 17:23 霜~ 阅读(1872) 评论(0) 推荐(0)
vue 跨域设置
摘要：1、在config->index.js 2、后端 + 前端设置 后端开发设置allow-control-Cross-origin： *||指定域名 前端main.js内设置：axios.defaults.withCredentials = false 3、vue-jsonp npm install 阅读全文
posted @ 2019-04-18 17:52 霜~ 阅读(1290) 评论(0) 推荐(0)
vue + vant 笔记
摘要：1、a、安装vant ：npm i vant -S b、按需引入组件：安装webpack插件：babel-plugin-import 2、实现下拉刷新上拉加载：<van-pull-refresh>是下拉刷新的组件，需要监听refresh事件；<van-list>组件是上拉加载的组件，需要监听load 阅读全文
posted @ 2019-04-18 16:20 霜~ 阅读(4734) 评论(0) 推荐(0)
vue 组件通信
摘要：vue组件通信方式 1、vuex 通过vuex内的state对象定义共享属性，通过mutations/actions/getters对象内定义方法来修改state对象内的属性，需要使用共享属性的组件通过import {mapstate/mapmutations/getters/mapactions} 阅读全文
posted @ 2019-04-18 15:30 霜~ 阅读(315) 评论(0) 推荐(0)
vue 安装
摘要：1、安装node 2、npm init //初始化npm配置 3、npm install vue 4、npm install -global vue-cli 5、vue init webpack [projectName] //初始化vue项目 6、cd projectName 7、npm inst 阅读全文
posted @ 2019-04-18 14:09 霜~ 阅读(224) 评论(0) 推荐(0)
vuex笔记
摘要：1、npm install vuex //安装至生产环境 2、在src中新建vuex文件夹，添加store.js文件，在store.js文件中 a、引入vue，vuex: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) b、声明 阅读全文
posted @ 2019-03-14 22:49 霜~ 阅读(163) 评论(0) 推荐(0)
vue 父组件调用子组件事件/子组件调用父组件方法
摘要：<!-- 给子组件注册引用信息 父组件通过$refs拿到的是子组件的组件实例对象--> <script> export default { methods:{ hide(){ this.types = ''; } } } </script> <script> export default { met 阅读全文
posted @ 2018-11-16 10:31 霜~ 阅读(11308) 评论(0) 推荐(1)
v-if v-show区别笔记
摘要：1、v-if：是动态的添加或者删除dom，所以切换性能消耗比较大，比较适合不频繁添加删除dom的交互。 2、v-show:是通过动态改变css的display属性来达到显示和隐藏的，dom是始终存在的，所以首次页面渲染时性能消耗可能大于v-if，比较适用于做重复切换效果。 阅读全文
posted @ 2018-09-14 16:53 霜~ 阅读(163) 评论(0) 推荐(0)
vue 本地手机访问配置
摘要：1、config文件夹下index.js,dev配置下将host改为0.0.0.0，然后重启node服务器。 2、命令行ipconfig 查找本机的IP，将localhost换成ip，本地就可以访问了。 其他： document.cookies = 'user=1233';//设置cookie 不能 阅读全文
posted @ 2018-09-11 18:06 霜~ 阅读(689) 评论(0) 推荐(0)
去除vue-router 链接上的#号
摘要：在vue-cli 构建的项目中 打开文件router/index.js 加上：mode:"history" 阅读全文
posted @ 2018-03-07 15:57 霜~ 阅读(1779) 评论(0) 推荐(0)
vue-cli 安装sass 和 font-awesome 笔记
摘要：执行的命令都是在当前项目的根目录下执行 1、vue-cli 安装sass a、npm install style-loader css-loader sass-loader --save-dev //(--save-dev == -D) b、npm install node-sass --save- 阅读全文
posted @ 2018-03-07 12:19 霜~ 阅读(3599) 评论(0) 推荐(0)