- 博客(17)
- 收藏
- 关注
RSS订阅原创 小程序vant-weapp van-dialog阻止关闭弹框问题
2.onConfirm确定事件就可以阻断关闭弹框了，手动关闭可以调用this.onClose()1.注意beforeClose是data中的变量。
2024-07-12 10:00:51
555
原创 uni-app富文本图片自适应问题
// html部分<rich-text :nodes="content"></rich-text > // js部分let richtext= res.data.content; let regex = new RegExp('<img', 'gi'); richtext= richtext.replace(regex, `<img width="100%"`); this.content = richtext;...
2020-12-01 15:23:39
995
1
原创 简单实现双向数据绑定
<input id="ipt" value="" /><p id="txt"></p><script> let ipt = document.getElementById('ipt') let txt = document.getElementById('txt') let obj = {} let age = 10 Object.defineProperty(obj, 'age', { get() { return age
2020-08-14 12:54:49
207
原创 vue cli4.0配置环境变量
1、在项目根目录创建3个env文件对应（开发环境、测试环境、生产环境）2、在package.js新增对应的启动命令和打包命令eq: npn run serve-dev // 启动开发环境 eq: npn run build-dev // 打包开发环境 3、在vue.config.js配置publicPath（判断是因为生产环境是二级目录的）4、在router.js配置base（判断是因为生产环境是二级目录的）5、封装axios配置baseURL（读取env变量）...
2020-06-03 16:44:58
660
原创 vue使用vue-lazyload图片懒加载并且设置loading大小
npm install vue-lazyload --saveimport { VueLazyload } from 'vue-lazyload'vue.use(VueLazyload, { preLoad: 1.3, attempt: 2, error: require('../img/icons/error.png'), loading: require('../img/icons/loading.png') // 注意路径使用require（我这里使用相对路径）})// img使用v
2020-06-03 12:28:02
7058
原创 vue解决ios端键盘收起后事件失效问题
1、创建directive.js2、在main.js全局引入3、用到input就加一句v-blur <input v-blur />// 自定义指令v-blur，解决ios端键盘收起后事件失效问题Vue.directive('blur', { inserted(el) { // 监听键盘收起事件 document.body.addEventListener('focusout', () => { if (/(iPhone|iPad|iPod|iOS)/i.test(
2020-05-29 17:16:01
1069
1
原创 vue离开编辑页弹框提示是否保存资料
export default { data() { return { changeCount: 0, isPopup: false, form: { oldPwd: '', newPwd: '', confirmPwd: '' } } }, watch: { form: { handler(val) { val && this.changeCount++ }, deep: true } },
2020-05-21 14:35:27
1413
原创 移动端的一些坑
1.苹果系统H5页面软键盘弹出造成点击事件失效问题const ua = navigator.userAgent.toLowerCase()const isWeChat = ua.match(/MicroMessenger/i) && ua.match(/MicroMessenger/i)[0] === 'micromessenger'if (!isWeChat) { wi...
2019-10-12 11:10:41
257
原创 npm相关知识
1、安装依赖包 npm i生成默认node_modules文件夹2、npm init -y 初始化webpack，生成默认的package.json3、快速删除node_modules文件夹命令 npm install -g rimraf rimraf node_modules...
2019-09-16 17:18:21
265
原创 mock和easymock的使用
一、mock1.安装 npm install mockjs -D2.引用mock.js3.定义接口函数4.定义mock规则5.axios调用二、easy mock1.去官网创建账号,并且利用mock规则定义了一个"/jiang"的json2.去vue.config.js配置代理3.配置api接口4.定义接口函数5.axios调用...
2019-07-04 16:27:05
446
原创 vscode相关配置
setting.json配置{ // 配置服务 "liveServer.settings.donotShowInfoMsg": true, "liveServer.settings.donotVerifyTags": true, "liveServer.settings.host": "172.16.89.220", // 左边工具栏窗口比例 "window.zoomLevel":...
2019-06-25 09:33:47
845
原创 vue相关知识
this.$nextClick 用来处理vue渲染完成任务以后的行为获取路由查询字符串参数idvar id = this.$route.query.id eg: http://www,baidu.com/?id = 1var id = this.$route.params.id eg: http://www,baidu.com/1编程式导航this.$router.push(...
2018-12-04 10:48:24
178
原创 配置浏览器跨域
1.新增UC浏览器快捷方式。2.右键属性更改目标位置，在引号”后面加上这句 --disable-web-security --user-data-dir 代码。3.注意–前面有一个空格的，重启浏览器就可以了。...
2018-10-08 14:55:28
436
原创 vue-cli2
一、安装node.js环境（npm包管理器） 1、node.js官网下载并安装node 网址：https://nodejs.org/en/ 2、运行命令 node -v 版本检测 3、运行命令 npm -v 版本检测 （npm包管理器，是集成在node中的）二、安装vue-cli 脚手架构建工具 1、运行命令 npm install -g vue-cli三、安装cnpm n...
2018-09-06 15:24:45
182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人