随笔分类 -  vue

vue传值 ---- >> 子传父，$emit()
摘要：划重点： $emit 绑定一个自定义事件event，当这个这个语句被执行到的时候，就会将参数arg传递给父组件，父组件通过@event监听并接收参数。 子组件： 1 <template> 2 <div> 3 <!-- <div>子页面</div> --> 4 <div class="mess"> 5 阅读全文
posted @ 2021-07-12 11:49 _小狐狸 阅读(227) 评论(0) 推荐(0)
vue传值 ---- >> 父传子，props()
摘要：父组件： 1 <template> 2 <div class="comment"> 3 <div>comment</div> 4 <div class="btn"> 5 <router-link :to='{name:"shopping", query: { id: userID}}' @click 阅读全文
posted @ 2021-07-12 11:43 _小狐狸 阅读(148) 评论(0) 推荐(0)
离线webpack创建vue 项目
摘要：参考地址： https://blog.csdn.net/feinifi/article/details/104578546 画重点： // 需要带上参数--offline表示离线初始化。 --offline vue init webpack demo --offline 问题 ： 解决：下载weba 阅读全文
posted @ 2021-07-12 11:33 _小狐狸 阅读(667) 评论(0) 推荐(0)
vue 传参动态
摘要：方法一： router/index.js { path: '/src/views/activitiesDetails', name: activitiesDetails, component: activitiesDetails, meta: { title: '精选活动' } }, index.v 阅读全文
posted @ 2020-09-29 14:44 _小狐狸 阅读(165) 评论(0) 推荐(0)
a href="tel" 拨打电话
摘要：电话号码是固定的： <a href="'tel:10086">10086</a> 电话号码是动态获取时： 走默认的方式失败 <a href="tel:{{Phone}}">{{Phone}}</a> 走字符串拼接方法成功 <a :href="'tel:' + Phone">{{Phone}}</a> 阅读全文
posted @ 2020-09-29 03:03 _小狐狸 阅读(811) 评论(0) 推荐(1)
获取浏览器中url的参数
摘要：例如： 浏览器的地址是：http://localhost:8080/src/views/moneyDetail?id=10 vue 获取浏览器的参数 获取id的参数：this.$route.query.id js获取浏览器的参数 <script type="text/javascript"> url 阅读全文
posted @ 2020-09-20 00:55 _小狐狸 阅读(592) 评论(0) 推荐(0)
vue中rem的转换
摘要：1 function rems(doc: any, win: any): void { 2 let docEl = doc.documentElement, 3 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', 4 recalc = function () { ... 阅读全文
posted @ 2019-01-15 16:09 _小狐狸 阅读(1212) 评论(0) 推荐(0)
请求接口的封装
摘要：get方法 patch方法 阅读全文
posted @ 2019-01-15 15:45 _小狐狸 阅读(728) 评论(0) 推荐(0)
http request 请求拦截器，有token值则配置上token值
摘要：// http request 请求拦截器，有token值则配置上token值 axios.interceptors.request.use( config => { if (token) { // 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了 config.headers.Authori... 阅读全文
posted @ 2019-01-15 15:41 _小狐狸 阅读(10643) 评论(2) 推荐(1)
node溢出
摘要：在做项目的过程中,项目越来越大，后面导致项目无法正常启动，查了原因是因为node 溢出了。 先看看溢出时报的错 解决办法： increase-memory-limit插件 1.在package.json中修改添加内存大小 2. 安装increase-memory-limit插件 注意： 安装报错时， 阅读全文
posted @ 2019-01-15 14:37 _小狐狸 阅读(2791) 评论(0) 推荐(0)
vue菜单切换
摘要：HTML： JS： 效果： 总结： 一般用于pc端的菜单栏。 思路： 1. 先判断它点击是否是自己 2. 在判断它的子元素 显示 or 隐藏 阅读全文
posted @ 2018-09-17 22:49 _小狐狸 阅读(1624) 评论(0) 推荐(0)
vue的table切换
摘要：HTML： JS ： 效果： 总结： 实现了完全动态展示的table切换，从html中可以看出，我们是没有一个写死的文字或者数据的。 某一天，当产品要修改里面的文本内容的时候，我们是不需要做任何修改的，只要后台去修改就ok啦。 不用前端做什么的修改，是不是超开心。^_^ 阅读全文
posted @ 2018-09-17 16:32 _小狐狸 阅读(6469) 评论(3) 推荐(0)
vue页面初始化
摘要：HTML: JS： 效果： 我们将text的值初始化到input中，如下图: 数据双向绑定： 最后就是点击按钮啦，点击之后获取用户编辑之后的input内容啦。 watch当然就是检测新值和旧值的变化啦。 总结： 解决了： 1.页面数据初始化问题 2.数据双向绑定 3.获取用户最新输入的内容 4.监控 阅读全文
posted @ 2018-09-17 01:24 _小狐狸 阅读(25157) 评论(0) 推荐(0)