随笔分类 -  前端 / Vue-CLi

摘要:<template> <div class="chat-container"> <div class="chat-messages"> <div v-for="(msg, index) in messages" :key="index" class="message" :class="{ 'ai-m 阅读全文
posted @ 2025-02-26 01:08 凯宾斯基 阅读(85) 评论(0) 推荐(0) 编辑
摘要:安装vue-quill-editor npm install vue-quill-editor --save 注意:1. 一定不要忘了 -save ,否则的话可能会导致富文本框加载失败2. 安装完成之后,查看package.json文件中的dependencies里是否有安装好的vue-quill- 阅读全文
posted @ 2024-05-08 14:45 凯宾斯基 阅读(32) 评论(0) 推荐(0) 编辑
摘要:vue.config.js module.exports = { // 解决首页访问出现很多预加载文件的问题 chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete('prefetch') // 或者 // 修改它的选项: 阅读全文
posted @ 2024-02-17 02:00 凯宾斯基 阅读(170) 评论(0) 推荐(0) 编辑
摘要:vue.config.js module.exports = { configureWebpack:{ externals: { 'element-ui': 'ELEMENT', vue: 'Vue' }} //externals 配置来告诉 Webpack 不要打包它。 index.html <! 阅读全文
posted @ 2024-02-07 19:24 凯宾斯基 阅读(79) 评论(1) 推荐(0) 编辑
摘要:npm install --save vue-clipboard2 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) value即是要复制的内容 <button @click="seccendCopy">第二种方式复制</ 阅读全文
posted @ 2023-12-17 08:12 凯宾斯基 阅读(40) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/weixin_44856917/article/details/128818158 <template> <div> <!-- // 小图标 --> <a-button @click="enlarge">双击放大</a-button> <div id="m 阅读全文
posted @ 2023-10-23 18:15 凯宾斯基 阅读(27) 评论(0) 推荐(0) 编辑
摘要:官网: https://mermaid.js.org/syntax/flowchart.html 例子: https://blog.csdn.net/weixin_55508765/article/details/125735923 https://blog.csdn.net/weixin_4595 阅读全文
posted @ 2023-10-18 23:36 凯宾斯基 阅读(290) 评论(0) 推荐(0) 编辑
摘要:通过vue key 实现,原理官方文档。所以当key 值变更时,会自动的重新渲染。 <template> <third-comp :key="menuKey"/> </template> <script> export default{ data(){ return { menuKey:1 } }, 阅读全文
posted @ 2023-07-07 19:43 凯宾斯基 阅读(7) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_40323256/article/details/111305117 https://www.likecs.com/show-307541080.html (这个可以) https://github.com/SheetJS/sheetjs 1. np 阅读全文
posted @ 2023-06-30 11:54 凯宾斯基 阅读(53) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/jianleking/article/details/118442697 json转xlsx文件导出 https://www.jianshu.com/p/7950d40ace40 json转流文件。和 流文件解析 https://www.jianshu.c 阅读全文
posted @ 2023-06-07 13:31 凯宾斯基 阅读(229) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <H1>当前日期 :{{ FormatTime(nowTime) }}</H1> </div> </template> <script> export default { data() { return { timer: undefined, nowTime: ne 阅读全文
posted @ 2023-04-23 15:48 凯宾斯基 阅读(28) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_41117240/article/details/127391457 https://blog.csdn.net/cecoal/article/details/125217317 首先安装xlsx插件 yarn add xlsx@0.15.3 <el 阅读全文
posted @ 2023-03-06 12:16 凯宾斯基 阅读(428) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/weixin_44320032/article/details/125936738 https://www.jb51.net/article/264657.htm https://devpress.csdn.net/viewdesign/63bd20508 阅读全文
posted @ 2023-02-24 10:51 凯宾斯基 阅读(101) 评论(0) 推荐(0) 编辑
摘要:var ConfieBaseUrl=""; if (location.hostname == 'dev-autotest.xxx.cn') { //测试环境 ConfieBaseUrl = 'https://dev-xxxx-test.xxxxx.cn/'; } else if (location. 阅读全文
posted @ 2023-02-23 19:19 凯宾斯基 阅读(96) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/sumikk/article/details/126454676?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIS 阅读全文
posted @ 2023-02-11 00:31 凯宾斯基 阅读(93) 评论(0) 推荐(0) 编辑
摘要:<template> <router-view v-if="isRouterAlive"/> </template> <script> export default { data () { return { isRouterAlive: true } }, methods: { reload () 阅读全文
posted @ 2023-01-14 01:01 凯宾斯基 阅读(37) 评论(0) 推荐(0) 编辑
摘要:把我优化vue载入速度的问题总结一下。我的博客项目放在服务器后加载要18-20秒,其实这个问题拖了很久了,昨天才有时间处理一下。之前以为是首页的mp4资源太大,但昨天看了后发现主要是vue打包后的js文件载入用了最多时间,如下图(优化前没截图,这个是优化后的。优化前大小是2m多,时间是十几秒) 带宽 阅读全文
posted @ 2022-05-25 23:33 凯宾斯基 阅读(4297) 评论(0) 推荐(1) 编辑
摘要:https://blog.51cto.com/u_15288542/3030945 阅读全文
posted @ 2022-05-11 22:43 凯宾斯基 阅读(44) 评论(0) 推荐(0) 编辑
摘要:找到build 下面的 ~Path 值改为 "./" 即可 nginx+vue项目 https://www.cnblogs.com/kaibindirver/p/14676274.html 阅读全文
posted @ 2022-05-11 12:57 凯宾斯基 阅读(683) 评论(0) 推荐(0) 编辑
摘要:<script> export default { data(){ return{ arr:[], //arr变量有变化就会触发 下面 watch里面arr的方法 } }, created(){ }, watch: { arr (v, nv) { console.log(v, nv, ' ') } 阅读全文
posted @ 2022-04-28 19:58 凯宾斯基 阅读(138) 评论(0) 推荐(0) 编辑

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