![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue前端
犹有傲霜枝
这个作者很懒,什么都没留下…
展开
-
vue中控制mock在开发环境使用,在生产环境禁用
文章目录vue中控制mock在开发环境使用,在生产环境禁用解决方案vue中控制mock在开发环境使用,在生产环境禁用原因:mock拦截所有的axios请求,根据请求,做出相应的响应。平时前后端分离开发,我们使用mock获得相应的数据,但当和后端联调的时候,不禁用mock,就无法获得后端数据。解决方案第一步、我们设置mock在开发development环境可用,在生产production...原创 2019-05-27 22:11:04 · 13199 阅读 · 1 评论 -
vue中v-show和v-if的区别
v-show 和v-if的区别<div v-show="seen">hello, you see me!</div><div v-if="seen">hello, you see me!</div><script> var seen = true //var seen = false</scri原创 2018-08-01 14:45:54 · 947 阅读 · 0 评论 -
Vue中侦听器watch时,调用this时出现undefined问题
watch侦听器中,我们要将新的值赋给this.a出错watch: { value: (newV, oldV) =&amp;gt; { this.a = newV; }}这里报错undefined,这里错误的原因是不能写成箭头函数。写成箭头函数后,this会取上下文,而不是组件里面的this了,正确写法为:watch: { value: function(newV, oldV) { t...原创 2018-11-09 20:44:48 · 26287 阅读 · 5 评论 -
基于vue的微信风格组件库vux的使用及ReferenceError: originalConfig is not defined错误
基于vue的微信风格组件库vux的使用及ReferenceError: originalConfig is not defined错误一、安装步骤:安装步骤可以参考一下链接https://www.jianshu.com/p/930d9bb22736,步骤说的都挺详细的。二、ReferenceError: originalConfig is not defined错误的解决安装步骤中有一个错...原创 2018-11-19 09:19:58 · 2830 阅读 · 0 评论 -
axios请求有数据但是还会报错
axios请求有数据但是还会报错案例:上图可见,虽然已经有了红色的返回数据,但是还是执行了.catch。错误的地方.then((res) => { console.log(res.data); deviceSNToImgPath = response.data;})可见response错了,没定义,这样的错误很少见。 .catch((err) => { ...原创 2018-11-19 16:18:33 · 3023 阅读 · 7 评论 -
[Vue warn]: Error in render: "TypeError: Cannot read property 'matched' of undefined"
可能是我比较搞事情,错误代码如下//路由routerimport Router from './router'new Vue({ el: '#app', Router, //这里的Router要写成router,不然出错,相应的import部分也要改 Store, components: { App }, template: '<App/>'})额 ...原创 2018-11-20 10:39:02 · 1353 阅读 · 0 评论 -
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being ...原创 2018-11-21 11:33:03 · 9843 阅读 · 1 评论 -
基于vux组件库的验证码输入请求组件
基于vux组件库的验证码输入请求组件在登录,改密码,注册等需要用到手机验证码的情况下,我们经常用到发送并接受验证码的模块。基于vux时,虽然已经很便捷了,但是在多次复用时,还是不够便捷。需要XInput, XButton等组件。还有一堆变换按钮样式、文字及倒计时的逻辑代码。十分复杂繁琐。所以就想着在vux的基础上,再次抽象出该组件。话不多说,样例如下:引用该模块代码如下:<gro...原创 2018-12-25 16:48:09 · 638 阅读 · 2 评论 -
js对象属性 通过点(.) 和 方括号([ ]) 的不同之处
哈哈先来张图,看看问题:输入框的实现是用v-for。可以很清楚的看到问题,我不管在哪个输入框输入,都监听的是一样的值。其实现代码如下:<x-input v-for="(v, k) in title" :title="v" :key="k" v-model="contract.k"></x-input>其中title和contract的数据结构是:contrac原创 2018-12-29 14:53:08 · 688 阅读 · 0 评论 -
CSS字体设置中常用字体大全
CSS字体设置中常用字体大全.selector { font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu}css如何设置各种中文字体如雅黑、黑体、宋体、楷体等等说明:加上中文名“微软雅黑”是为了兼容opera。MicrosoftJhengHei为微软正黑体,STHeiti...原创 2019-04-12 08:53:46 · 15846 阅读 · 0 评论 -
Vue实现仿iPhone悬浮球
Vue实现仿Iphone悬浮球悬浮球插件简单的效果图:很遗憾,没找到太好的视频转gif的软件,压缩出来的大小超过了限制,就不放图了可以参考其他人的图,效果一致:简单实用案例:<!-- 给定一个初始位置position,插槽中填写想滑动的部分 --><xuanfuqiu :position="position"> <d-add-button @click...原创 2019-09-27 14:20:49 · 5427 阅读 · 2 评论