随笔分类 -  Vue学习

摘要:简介 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Fl 阅读全文
posted @ 2023-04-17 17:40 丫丫learning 阅读(317) 评论(0) 推荐(0) 编辑
摘要:需求:需要前端把当前html下载成pdf文件 第一步:安装插件 终端输入指令,安装2个插件: //第一个:将页面html转换成图片 npm install --save html2canvas //第二个:将图片生成pdf npm install jspdf --save 第二步:定义全局函数 创建 阅读全文
posted @ 2023-04-17 17:04 丫丫learning 阅读(872) 评论(0) 推荐(0) 编辑
摘要:最近有个Vue项目中会偶尔出现Error: Loading chunk 1 failed.的报错,报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到,因为这个问题出现的偶然性太高了,而且有的手机上会出现,有的不会,用 阅读全文
posted @ 2023-03-23 10:09 丫丫learning 阅读(559) 评论(0) 推荐(0) 编辑
摘要:vue首屏白屏原因大概有以下几点: #一.路由模式错误 由于把路由模式mode设置成history了,默认是hash 解决方法: 改为hash或者直接删除模式配置,如果非要用的话,在服务端加一个覆盖所有情况的候选资源。 #二.dist中文件引用路径错误 打包后的dist目录下的文件引用路径不对,因找 阅读全文
posted @ 2022-08-27 11:55 丫丫learning 阅读(4505) 评论(0) 推荐(1) 编辑
摘要:#getter getter方法,用于返回当前computed属性的属性值 一般使用普通函数来作为回调函数 <script> export default { ... computed: { // 获取全选状态 // 函数写法 ,简单写法 默认:只执行一次getter计算 chooseAll :fu 阅读全文
posted @ 2022-08-25 11:18 丫丫learning 阅读(4631) 评论(0) 推荐(0) 编辑
摘要:1、自定义全局指令 作用域:可以在不同的组件实例中使用, 也就是说在全局任意位置都可以使用 语法: Vue.directive(指令名, 对象) 对象中定义了 该指令的所有生命周期函数(也叫钩子函数)方法 Vue.directive('redbackground',{ bind(el,binding 阅读全文
posted @ 2022-08-11 10:02 丫丫learning 阅读(321) 评论(0) 推荐(0) 编辑
摘要:创建/utils/directives.js文档 import Vue from 'vue' export default { install () { // 创建全局自定义指令 Vue.directive('autofocus', { // 指令所在标签"首次"被插入到真实DOM时会执行的回调,传 阅读全文
posted @ 2022-08-11 09:41 丫丫learning 阅读(16) 评论(0) 推荐(0) 编辑
摘要:1、每个组件都是 Vue 的实例。 2、组件共享 data 属性,当 data 的值是同一个引用类型的值时,改变其中一 个会影响其他。 3、组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的 data,类似于给每个组件实例创建一个私有的数据空间,让各个组 阅读全文
posted @ 2022-06-28 09:13 丫丫learning 阅读(73) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示