随笔分类 -  vue

摘要:yarn create vite my-vue-app --template报错报错方式: yarn create v1.22.19 [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... [4/4] Building fresh packages... succe 阅读全文
posted @ 2022-12-27 10:57 大熊丨rapper 阅读(1091) 评论(0) 推荐(0)
摘要:element-ui表单校验prop的链式写法类似这样的: 部分代码删减, 最主要的就是 element-ui表单校验prop的链式写法 :prop="'list.'+index+'.name'" 或者:prop="'list[0].name'"两种形式都可以访问 element源码中接收的是一个字符串,上面的里那两种形式都是可以的,最终经过源 阅读全文
posted @ 2022-08-20 09:41 大熊丨rapper 阅读(792) 评论(0) 推荐(1)
摘要:vue-pdf结合alloyfinger手势缩放旋转上下翻页pdf文件 1. demo线上链接 vuepdf在线demo 2. demo图: 3. 话不多说,上代码: 安装vue-pdf插件: npm i vue-pdf 安装vue-pdf报错catch的可以看我这篇文章: 复制代码 www.cnblogs.com/520BigBear/… AlloyFinger.js 阅读全文
posted @ 2022-08-17 14:59 大熊丨rapper 阅读(1552) 评论(1) 推荐(0)
摘要:vue-pdf报错Cannot read properties of undefined (reading ‘catch‘))npm i pdfjs-dist@2.5.207 npm i vue-pdf@4.2.0 主要就是版本问题 安装对应的这两个版本就行 更多参考: https://blog.csdn.net/Lora_0925/article/details/123685541?utm_medium=distribu 阅读全文
posted @ 2022-07-20 13:17 大熊丨rapper 阅读(1126) 评论(0) 推荐(0)
摘要:composition api和react hooks的对比一. 我的走位: 保持中立 1. 各有各的好处, 谁也别说谁 2. 一个东西带来了好处, 相应的副作用肯定也有, 人无完人 二 . vue3 的composition api 和 react hooks 的对比 1. composition api 中的 setup只会被调用一次; react ho 阅读全文
posted @ 2022-06-16 14:12 大熊丨rapper 阅读(418) 评论(0) 推荐(0)
摘要:刚来公司第二天, 甩了个需求, 把两个不同表格的数据 导出到同一个excel中 ........额,好吧 你要说,两个表格数据差不多, 直接合并数据导出就行: async function getData() { let data1 = await this.get1(); let data2 = 阅读全文
posted @ 2022-01-26 16:21 大熊丨rapper 阅读(1518) 评论(0) 推荐(0)
摘要:1. 这两个都是实现组件逻辑复用的法宝 2. composition api是vue3的, composition api的出现就是解决mixins的不足之处的 一. mixin 回顾下mixin, 用过vue老版本的都或多或少用过mixin 混入 (mixin) 提供了一种非常灵活的方式,来分发 阅读全文
posted @ 2021-12-15 22:37 大熊丨rapper 阅读(429) 评论(2) 推荐(0)
摘要:一. 安装插件(lib-flexible 和 postcss-loader、postcss-px2rem) npm i lib-flexible --save npm install postcss-loader postcss-px2rem --save 二. 配置插件 1. 在入口文件 main 阅读全文
posted @ 2021-12-09 16:47 大熊丨rapper 阅读(1311) 评论(0) 推荐(0)
摘要:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="vue.js"></script> <title id="title">{{title}}</title> </head> <body> <div 阅读全文
posted @ 2021-07-12 10:54 大熊丨rapper 阅读(1029) 评论(0) 推荐(0)
摘要:1. vue 中的复制粘贴: <div class="mainTextItem" @click="copyTXTOne" id="copyOne" data-clipboard-target="#input1"> <!-- 复制的内容写在 input1里面 --> <input type="text 阅读全文
posted @ 2020-11-02 09:50 大熊丨rapper 阅读(310) 评论(0) 推荐(0)
摘要:<div id="app"> <div @click="handleClickOne"> <p @click="handleClickTwo">测试</p> </div> </div> <script src="./js/vue.js"></script> <script> var vm = new 阅读全文
posted @ 2020-10-10 15:49 大熊丨rapper 阅读(741) 评论(0) 推荐(0)
摘要:1、props传递数据 在父组件子组件添加自定义属性,挂载需要传递的数据,子组件用props来接受,接收方式也可以是数组,也可以是对象,子组件接收到数据之后,不能直接修改父组件的数据。会报错,所以当父组件重新渲染时,数据会被覆盖。如果子组件内要修改的话推荐使用 computed // Parent. 阅读全文
posted @ 2020-08-20 23:28 大熊丨rapper 阅读(149) 评论(0) 推荐(0)
摘要:Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div cla 阅读全文
posted @ 2020-08-04 13:45 大熊丨rapper 阅读(200) 评论(0) 推荐(0)
摘要:参考链接:https://www.jianshu.com/p/adad39705ced 和 https://blog.csdn.net/weixin_44309374/article/details/103354020 需求: 页面滚动 隐藏某元素, 页面停止滚动再显示 1. 方法一:利用vue中的 阅读全文
posted @ 2020-05-14 16:14 大熊丨rapper 阅读(1949) 评论(0) 推荐(0)
摘要:原文链接: https://www.jianshu.com/p/e6e8c45e7fd6 更多链接: https://blog.csdn.net/smartab/article/details/103799929 问题起因: vue中对象和数组无法双向绑定的情况以及解决方案 这里我定义了一个列表数据 阅读全文
posted @ 2020-05-12 16:26 大熊丨rapper 阅读(313) 评论(0) 推荐(0)
摘要:还是记录一下吧(๑•ᴗ•๑) <li :style="{backgroundImage:`url(${item.pic})`}" @click="chooseVip(index)" v-for="(item,index) of dataListList" :key="index" :class="{ 阅读全文
posted @ 2020-05-06 10:28 大熊丨rapper 阅读(1400) 评论(1) 推荐(0)
摘要:参考地址:https://www.cnblogs.com/james23dong/p/8250797.html 这里介绍一下vue-devtools的安装方法之一: chrome浏览器的应用商店不能直接访问(需要跨域),所以直接应用商店安装的方法就行不通了。 1、到github主页去下载安装: gi 阅读全文
posted @ 2020-04-28 02:27 大熊丨rapper 阅读(258) 评论(0) 推荐(0)
摘要:效果图: 代码: 感谢 各位老板 小额打赏: (有问题call俺) 参考链接:https://www.jianshu.com/p/6d8a138d2592 阅读全文
posted @ 2019-11-02 13:37 大熊丨rapper 阅读(1526) 评论(0) 推荐(0)
摘要:安装: 引入: 效果图: 参考链接:https://www.cnblogs.com/ajuan/p/10100931.html 阅读全文
posted @ 2019-09-23 10:01 大熊丨rapper 阅读(250) 评论(0) 推荐(0)
摘要:npm链接:https://www.npmjs.com/package/vue-cookies 安装: 使用:main.js引入 Api: 设置 cookie: 获取cookie: 删除 cookie: 查看一个cookie是否存在(通过keyName): 获取所有cookie名称: 资料来源:ht 阅读全文
posted @ 2019-09-19 14:44 大熊丨rapper 阅读(208) 评论(0) 推荐(0)