w3h5Vue项目中使用npm i swiper插件踩坑记录
Deshun 发布于 5个月前 (06-25) 阅读(350) 评论(0) 赞 (0)
在一个 Vue 项目中使用的，npm 的 swiper 插件，遇到了一些坑，记录一下填坑过程。首先，npm 安装 Swiper ：npm install swiper --save-dev引入 Swiper ：我是在 main.js 中添加如下代码：import Swiper from "swiper" @...
经验总结
记录日常工作生活中遇到的问题，技术和知识点。
Vue js 截取字符串及数据类型强制转换
Deshun 发布于 5个月前 (06-22) 阅读(356) 评论(0) 赞 (0)
整理一下 Vue JS 截取字符串和数据类型转换的一些方法：截取字符串：这里总结了3种方法，可以根据需要使用。slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分 stringObject.slice(start,end)。start 要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字...
Vant for Vue Tabbar标签栏自定义图标及颜色的方法
Deshun 发布于 5个月前 (06-21) 阅读(672) 评论(0) 赞 (0)
Vant 的引入我就不写了，可以参考 官方API文档 ，因为 Vant for Vue 的官网可能不太好找，不同框架的语法不一样，我就直接把链接贴过来了，也方便我自己后期查阅。首先看一下基础用法：v-model 默认绑定选中标签的索引值，通过修改 v-model 即可切换选中的标签。<van-tabbar v-model="active"> &...
Vue报错Invalid handler for event "click": got undefined的原因及解决办法
Deshun 发布于 5个月前 (06-21) 阅读(2994) 评论(0) 赞 (2)
今天帮同事改 bug 发现页面报错如下：[Vue warn]: Invalid handler for event "click": got undefined原因：他的方法没有写到 methods: { } 里面。解决：将方法写在 methods 里面就可以了。methods:{ onChange(event) { ...
Git从某个分支的某次提交新建分支拉取代码
1Deshun 发布于 5个月前 (06-20) 阅读(458) 评论(0) 赞 (1)
最近有个项目比较乱，新功能没有做完，develop 分支不能合并到主干，又有新的需求需要修改，但是 master 主干分支的代码又不够新。只能从 develop 分支的某一次提交上拉取代码，到本地分支，然后进行修改，再提交合并到 master 分支。Git 拉取某一次提交的代码版...
Google Chrome谷歌浏览器离完整离线安装包下载地址整理总汇
1Deshun 发布于 6个月前 (06-08) 阅读(543) 评论(0) 赞 (0)
每次重装系统，都要为安装 Chrome 而烦恼。虽然现在可以直接从谷歌浏览器官网下载在线安装包进行安装，但是在线安装包安装的版本不可控，大概率是 x86 版本，而且在断网状态下也是行不通的。整理了一些可以直接下载 Google Chrome 离线完整包的地址：官方渠道：1、链接直...
Vue组件封装及引用，封装一个带参数的弹窗组件
1Deshun 发布于 6个月前 (06-04) 阅读(534) 评论(0) 赞 (0)
Vue 是一款国产的非常优秀的前端框架，官方的介绍是： Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。今天封装了一个带参数的弹窗方法，可以直接调用，自定义图片，提示文字，取消和确定（带参数的方法）。首先，我在 ...
npm install报错ERR! code ETIMEDOUT的解决办法
Deshun 发布于 6个月前 (06-01) 阅读(3439) 评论(0) 赞 (2)
今天重装系统，使用 npm install 安装组件报错：D:\vue>w3h5>npm i cnpm -g npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network&...
uni-app组件样式修改不生效的原因及解决方法
2Deshun 发布于 6个月前 (05-27) 阅读(3584) 评论(0) 赞 (0)
今天在一个项目中用到的 uni-app 的 checkbox 组件，该组件有一个 color 属性，声称可以修改多选按钮的颜色。我尝试修改成红色，结果边框还是蓝色：<checkbox class="agr...
Vue项目中比较日期及时间与当前时间大小的方法
Deshun 发布于 7个月前 (05-11) 阅读(2713) 评论(0) 赞 (5)
在日常项目中，可能会用到日期或者时间的大小比较。正常情况下直接比较即可：（以 Vue 的 v-if 为例）v-if="dateTime > new Date()" ...但是有些时候，后台返回的时间的数据格式是字符串，这就需要通过 Date parse() 将数据格式转化为时间格式，再去和当前时间进行直接比较：v-if="...