摘要: 项目开发中遇到问题: 需求:在form表单中,点击输入框A弹出一个表单,选择表单某一项数据后回填到输入框A 问题:为了实现点击输入框A弹出一个表单,给el-input设置readonly,结果表单验证不通过及数据回填不能及时更新UI界面 解决办法: 1.表单验证不通过:自定义验证规则 2.数据回填不 阅读全文
posted @ 2024-03-29 17:40 丫丫learning 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 简介 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Fl 阅读全文
posted @ 2023-04-17 17:40 丫丫learning 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 需求:需要前端把当前html下载成pdf文件 第一步:安装插件 终端输入指令,安装2个插件: //第一个:将页面html转换成图片 npm install --save html2canvas //第二个:将图片生成pdf npm install jspdf --save 第二步:定义全局函数 创建 阅读全文
posted @ 2023-04-17 17:04 丫丫learning 阅读(839) 评论(0) 推荐(0) 编辑
摘要: 最近有个Vue项目中会偶尔出现Error: Loading chunk 1 failed.的报错,报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到,因为这个问题出现的偶然性太高了,而且有的手机上会出现,有的不会,用 阅读全文
posted @ 2023-03-23 10:09 丫丫learning 阅读(452) 评论(0) 推荐(0) 编辑
摘要: vue首屏白屏原因大概有以下几点: #一.路由模式错误 由于把路由模式mode设置成history了,默认是hash 解决方法: 改为hash或者直接删除模式配置,如果非要用的话,在服务端加一个覆盖所有情况的候选资源。 #二.dist中文件引用路径错误 打包后的dist目录下的文件引用路径不对,因找 阅读全文
posted @ 2022-08-27 11:55 丫丫learning 阅读(4443) 评论(0) 推荐(1) 编辑
摘要: 1.循环数组 区别一:for in 和 for of 都可以循环数组,for in 输出的是数组的index下标,而for of 输出的是数组的每一项的值。 const arr = ['a', 'b', 'c', 'd'] // for ... in for (const key in arr) { 阅读全文
posted @ 2022-08-26 21:28 丫丫learning 阅读(901) 评论(0) 推荐(0) 编辑
摘要: #getter getter方法,用于返回当前computed属性的属性值 一般使用普通函数来作为回调函数 <script> export default { ... computed: { // 获取全选状态 // 函数写法 ,简单写法 默认:只执行一次getter计算 chooseAll :fu 阅读全文
posted @ 2022-08-25 11:18 丫丫learning 阅读(4354) 评论(0) 推荐(0) 编辑
摘要: 1.初始data数据 Page({ data:{ list: [ { id: 1, name: '西瓜', num: 100 }, { id: 2, name: '苹果', num: 200 }, ], user:{ name:'zs', age:18, genden:'man' }, inpVal 阅读全文
posted @ 2022-08-18 16:40 丫丫learning 阅读(3574) 评论(0) 推荐(1) 编辑
摘要: 1、自定义全局指令 作用域:可以在不同的组件实例中使用, 也就是说在全局任意位置都可以使用 语法: Vue.directive(指令名, 对象) 对象中定义了 该指令的所有生命周期函数(也叫钩子函数)方法 Vue.directive('redbackground',{ bind(el,binding 阅读全文
posted @ 2022-08-11 10:02 丫丫learning 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 创建/utils/directives.js文档 import Vue from 'vue' export default { install () { // 创建全局自定义指令 Vue.directive('autofocus', { // 指令所在标签"首次"被插入到真实DOM时会执行的回调,传 阅读全文
posted @ 2022-08-11 09:41 丫丫learning 阅读(15) 评论(0) 推荐(0) 编辑