vue
文章平均质量分 88
你的星辰大海
这个作者很懒,什么都没留下…
展开
-
vue面试题
1、Vue生命周期// 概念1、computed和watch的区别// 概念原创 2022-02-23 00:25:00 · 353 阅读 · 0 评论 -
滑动置顶
滑动置顶最近写vue项目遇到一些问题,把导航栏组件放在了app.vue中,让他在每个页面都能显示了,但遇到了一个问题,在某些页面导航栏是不合理不允许存在的app.vue<div class="top" ref="topH" > <div class="item" :class="{active:current===index}" v-for="(item,index...原创 2019-07-24 16:24:20 · 408 阅读 · 0 评论 -
Vue v-if判断数组长度 && vue获取对象里的id属性
<div v-if="a.city!== undefined && a.city!== null && a.city.length > 0"> <span v-for="i in a.city">{{a.name}}{{i.name}}</span> </div> <div ...原创 2019-07-22 10:05:19 · 4272 阅读 · 0 评论 -
图片懒加载(jquery与vue两种)
转载于:https://www.jianshu.com/p/1b38b6bbfe0a转载 2019-07-31 15:42:42 · 131 阅读 · 0 评论 -
props的异步加载问题
在写vue项目的时候,父组件调用ajax的接口获得数据,然后赋值给data中的初始值,然后通过props传给子组件,子组件在created的时候,获得的props的值有的时候是undefined,因为ajax是异步请求,执行的http线程,js线程执行的过程可能还没有值的返回.保证在子组件created的时候也有值,解决方案是在父组件中调用子组件的时候写一个v-if,在ajax值返回的时候再v-...转载 2019-07-23 10:06:32 · 419 阅读 · 0 评论 -
vue动态路由
vue动态路由配置<router-link :to="'/propertyDetail/'+item.id"> //配置idthis.id=this.$route.params.id//获取id原创 2019-07-23 11:53:46 · 135 阅读 · 0 评论 -
vue.js click点击事件获取当前元素对象
转载:https://www.cnblogs.com/lina-xiao/p/8331529.html原创 2019-08-29 00:53:49 · 1328 阅读 · 0 评论 -
axios 之超时处理 与axios拦截器接口配置
axios 之超时处理转载:https://blog.csdn.net/smalCat/article/details/87982937原创 2019-09-25 17:38:29 · 619 阅读 · 0 评论 -
Vue中结合ElementUI实现:限制输入框只能输入正整数
1、利用正则来规避掉小数点和负数监听一下失去焦点的时候要触发事件var boolean=new RegExp("^[1-9][0-9]*$").test(val)if(!boolean && i=='zIndex'){ this.$message.warning('请输入正整数') }...原创 2019-09-27 15:38:30 · 799 阅读 · 0 评论 -
VUE 实现下拉分页加载更多功能
VUE 实现下拉分页加载更多功能~html <div class="con_item" v-for="item in pageArr"> <div class="name" >{{item.name}}</div> </div> <div class="loading" style="display: none" ref="load...原创 2019-07-19 17:40:00 · 1680 阅读 · 0 评论 -
vue跨域请求后端加密接口
vue跨域请求后端加密接口1、设置跨域代理首先在config/index.js 里面找到proxyTable :{} ,然后在里面加入在main.js设置一个基础路径:axios.defaults.baseURL=”/api”,这样调用接口的时候可以不写api,直接写/接口名称即可。例如:let _url4=”/dictionaryTypes”“/api”:{target: ‘ht...原创 2019-07-17 15:01:02 · 1010 阅读 · 1 评论 -
移动端vue项目有关px转换成rem
1.安装: npm install px2rem-loader lib-flexible --save2、在入口文件main.js中引入lib-flexible: import “lib-flexible/flexible.js”3、在build文件夹下的utils.js中,找到cssLoaders方法,在所示图片红色框框的位置添加红框内的代码即可。const px2remLoader =...转载 2019-06-05 16:35:53 · 227 阅读 · 0 评论 -
vue中ckeckbox(复选框)的使用,及对click事件和change的理解
vue中ckeckbox(复选框)的使用心得,及对click事件和change的理解通过点击事件判断复选框状态,v-model来绑定checkbox的值,更改文本及css样式,<div class="option"> <input type="checkbox" name="" @change="checkclick(mytype)" v-model="checkVa...原创 2019-07-09 17:49:52 · 16835 阅读 · 2 评论 -
vue项目搭建与配置
vue项目搭建1、创建项目1、vue init webpack project2、cd project 3、npm install 4、npm run dev2、安装less1、npm install less less-loader --save-dev2、接下来找到bulid目录下的webpack.base.conf.js并打开,找到module下的rules写下:...原创 2019-07-10 14:57:23 · 284 阅读 · 0 评论 -
vuejs在css样式表里设置背景图background:url('path'),报错
https://blog.csdn.net/qq_22713201/article/details/80819525转载 2019-07-10 16:52:50 · 3460 阅读 · 0 评论 -
vue项目启动之后出现cannot GET /
https://blog.csdn.net/u014374031/article/details/73558542转载 2019-07-11 10:16:35 · 316 阅读 · 0 评论 -
vue获取时间戳转换为日期格式
**vue获取时间戳转换为日期格式filter.js**export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); }...原创 2019-07-18 15:02:49 · 485 阅读 · 0 评论 -
vue项目问题集锦----轮播与横向滑动
vue项目问题集锦1、Vue导航栏在特定的页面不显示~最近写vue项目遇到一些问题,把导航栏组件放在了app.vue中,让他在每个页面都能显示了,但遇到了一个问题,在某些页面导航栏是不合理不允许存在的解决方法:公共模块的内容可以放在App.vue中这时,就可以采用keep-alive结合$route.meta来实现这个功能。keep-alive 是 Vue 内置的一个组件,可以使被包含...原创 2019-07-19 10:03:59 · 940 阅读 · 0 评论 -
vue用js this.$refs.personTab.style.width 报错 'style' of undefined
vue用js this.$refs.personTab.style.width 报错 ‘style’ of undefined错误处在 this.$refs.personTab中的personTab上面,personTab是undefined解决if(this.$refs.personTab){this.$refs.personTab.style.width = width + "rem"...原创 2019-07-24 11:16:52 · 1425 阅读 · 0 评论 -
vue使用axios调用豆瓣API跨域问题
小程序input组件上有一个方法上有一个方法叫做bindinput豆瓣图书搜索接口提示需要 apiKey,豆瓣不再对外开放这个接口了,年初开始接口就需要 key 了。感觉短时间内不会再开放之前搞了好久,还以为自己哪里错了,最后发现是这样...原创 2019-05-27 11:21:51 · 665 阅读 · 0 评论