woaizhuzhuxia521521-CSDN博客

原创 vue中swiper 绑定事件

场景(两种项目方案待定)：方案一：Vue使用swiper插件实现banner轮播，并给轮播图绑定click点击事件，点击后弹出弹框。方案二：Vue使用swiper插件实现banner轮播，并给轮播图绑定click点击事件，前面两帧是弹出弹框，第三帧是页面跳转。问题：第一遍循环的轮播图有@click事件，第二遍及后面循环的轮播图没有@click事件。分析原因：当Swiper设置 loop:true 属性时，会在自己的slide dom前后各复制一个新的slide，复制的slide仅保

2021-08-23 10:55:12 4733 3

原创 vue添加ico图标

1 先有一个需要图片，png 、jpg ...格式都可以2 把图片转换成 .con 格式的图标，http://www.bitbug.net/使用比特虫转换，目标尺寸：16*16 或者 32*32都行3 转换后的图标命名为 favicon.ico ，放在项目根目录，与 index.html 文件同级4 在 index.html 文件的<head></head&gt...

2018-12-24 16:10:12 4509

原创基于Vue的Vue-Quill-Editor富文本编辑器

1 下载 npm install vue-quill-editor --save npm install quill --save （vue-quill-editor依赖quill）2 创建一个富文本编辑器组件 <template> <div class="edit_container"> ...

2018-12-21 18:27:51 392

原创 vue页面引入百度地图

1 在 index.html 中引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=token"></script>2 在 webpack.base.conf.js中配置 module.exports = { externals...

2018-12-21 18:05:20 1035

原创做vue项目遇到的兼容性问题

1 input 搜索框在 ios 中有上边框阴影，在Android则没有上边框阴影处理方法 input { -webkit-appearance: none; }2 select 下拉框在 ios 中背景颜色是白色，在Android中则可以自行背景设置颜色3 css3的颜色渐变兼容处理： linear-gradient(top,,...

2018-12-21 17:18:53 1124

原创 vue项目 mint-ui 上拉加载更多Infinite scroll 遇到的坑

使用上拉加载组件需要给外边框加上 overflow:scroll; 和具体的高度，不然没有效果

2018-12-21 17:05:33 666

原创如何将后台传来的base64格式的代码段显示成图片

在vue的基础上一行代码搞定<img :src="url?assoc_id=2456&code=37886&type=activity" alt="">

2018-12-21 16:33:44 1931

原创制作字体图标

本人使用的阿里巴巴字体图标库http://www.iconfont.cn/1 选择自己需要的图标加入购物车2 点击购购物车 --> 点击添加至项目 --> 自己起的项目名 --> 下载至本地使用：个人建议有用的文件有 iconfont.css iconfont.eot iconfont.svg iconfont.ttf ...

2018-11-09 18:00:49 317

原创 H5 拍照上传和本地图片上传，兼容IOS和Android

<template> <div> <img class="camera" src="@/assets/images/camera.png" alt="" id="img_show1"> <input type="file" @change="img_upl

2018-11-05 11:11:55 6455

原创 vue获取URL中的参数

1 获取?后面的参数 http://192.168.1.105:8080/#/idInput?username=%22%E5%BC%A0%E4%B8%89%22 获取参数方法 let id = this.$route.query.username2 获取不带?的URL中的参数 http://192.168.1.12:8080/#/home/n...

2018-11-01 14:16:36 43172

原创 cookie session token 的区别

1 cookie 1.1 数据保存在客户端 1.2 数据量小（很多站点对cookie的大小和数量都进行了限制） 1.3 不安全（别人可以分析存放在本地的cookie并进行cookie欺骗，也可能被拦截）2 session 2.1 数据保存在服务器端 2.2 session可以依赖cookie,也可...

2018-10-31 16:26:13 143

原创 Vue页面跳转时传参总结

1 路由跳转 <router-link to="/login"> <router-link/> 跳转到 path:'/login' 的页面2 路由跳转时传参 2.1 传参的页面<template>中： <router-link :to="'/home/newsinfo/' + ite...

2018-10-31 15:55:40 7538

原创配置电脑成服务器，真机模拟通过连接地址查看项目页面效果

当电脑没有配置node环境时，可以通过以下方法查看页面效果1 用cmd打开电脑，运行命令输入 ipconfig/all 回车2 查看本机的 IPv4地址。例如 192.168.0.2213 打开代码，在 config 文件夹下的 index.js 中，把 host: 'localhost' 改成 host: '192.168.0.22...

2018-10-29 10:26:02 418