Web前端开发资源网Swiper组件使用loop属性，右滑再左滑点击事件不起效的解决办法
1Deshun 发布于 4年前 (2020-07-14) 2597℃ 评论(0) 赞 (0)
在 Vue 项目中使用 npm Swiper 组件，在测试时发现在某些情况下绑定的 click 事件不起效。因为在点击 banner 时要做一些判断，比如是否登录，是否实名认证等，所以必须解决这一问题。在 swiper 组件启用了 loop 循环模式时，会在原本 slide 前后...
经验总结
记录日常工作生活中遇到的问题，技术和知识点
Vue项目使用Ant Design升级后报错Carousel `vertical` is deprecated的解决方法
Deshun 发布于 4年前 (2020-07-10) 2086℃ 评论(0) 赞 (0)
昨天，我们解决了 Ant Design 升级后，国际化组件 LocaleProvider 报错的问题：Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法今天又发现首页有一个报错：Warning: [antdv: Carousel] `vertical` is deprecated, please use `dotPositi...
Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法
Deshun 发布于 4年前 (2020-07-09) 5460℃ 评论(0) 赞 (2)
今天重写一个 Vue 项目，使用的是 Ant Design for Vue 框架，发现 Collapse 折叠面板的 expand-icon-position 属性不能用。将小箭头设置在右侧不生效，代码如下：<a-collapse :bordered="false" expand-icon-position="right&...
webpack正式、测试环境接口地址本地运行及打包命令配置
1Deshun 发布于 4年前 (2020-07-07) 1560℃ 评论(0) 赞 (0)
为了方便开发，节省接口地址修改维护时间，可以通过 webpack 配置，区分正式、测试环境。可以方便的通过一个命令或者参数，运行或者连接不同环境的接口地址：# 本地运行测试环境 npm run dev # 本地运行正式环境 ...
Vue中使用v-html内容图片过大的解决方法
Deshun 发布于 4年前 (2020-07-01) 4099℃ 评论(0) 赞 (0)
在同事的项目中遇到一个问题，使用 Vue 的 v-html 后，内容里边的图片太大，显示不全。但是设置 style 又不管用：.img { max-width: 100%; height: auto; }实际上还是 Vue 的 scoped 穿透问题：参考我之前的文章（Vue项目中scoped属性的作用，及scop...
AdSense屏蔽某类或某个网站的所有广告的方法
2Deshun 发布于 4年前 (2020-06-29) 1295℃ 评论(0) 赞 (1)
因为最近和华为云服务商合作，华为云搞了一系列比较大的优惠活动，而且华为云在 Google AdSense 上也投放了大量的广告。华为云1核2G1M服务器低至88元/年，257元3年。为了屏蔽此类广告，我起初是在 屏蔽控制中心 -> 内容广告 -> 广告查看中心 挨个屏...
Vue项目中使用npm i swiper插件踩坑记录
Deshun 发布于 4年前 (2020-06-25) 2414℃ 评论(0) 赞 (0)
在一个 Vue 项目中使用的，npm 的 swiper 插件，遇到了一些坑，记录一下填坑过程。首先，npm 安装 Swiper ：npm install swiper --save-dev引入 Swiper ：我是在 main.js 中添加如下代码：import Swiper from "swiper" @...
Vue js 截取字符串及数据类型强制转换
Deshun 发布于 4年前 (2020-06-22) 2610℃ 评论(0) 赞 (0)
整理一下 Vue JS 截取字符串和数据类型转换的一些方法：截取字符串：这里总结了3种方法，可以根据需要使用。slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分 stringObject.slice(start,end)。start 要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字...
Vant for Vue Tabbar标签栏自定义图标及颜色的方法
Deshun 发布于 4年前 (2020-06-21) 3060℃ 评论(0) 赞 (1)
Vant 的引入我就不写了，可以参考 官方API文档 ，因为 Vant for Vue 的官网可能不太好找，不同框架的语法不一样，我就直接把链接贴过来了，也方便我自己后期查阅。首先看一下基础用法：v-model 默认绑定选中标签的索引值，通过修改 v-model 即可切换选中的标签。<van-tabbar v-model="active"> &...
Vue报错Invalid handler for event "click": got undefined的原因及解决办法
Deshun 发布于 4年前 (2020-06-21) 9272℃ 评论(0) 赞 (6)
今天帮同事改 bug 发现页面报错如下：[Vue warn]: Invalid handler for event "click": got undefined原因：他的方法没有写到 methods: { } 里面。解决：将方法写在 methods 里面就可以了。methods:{ onChange(event) { ...