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