vue
一只小药锅
程序小白,记录遇到的问题
展开
-
vue3中自定义指令在template中组件无法正常使用
自定义指令在template中组件无法正常使用原创 2023-02-23 10:57:31 · 1532 阅读 · 0 评论 -
vue项目http-server运行后,报TypeError: l.then is not a function
报TypeError: l.then is not a function原创 2022-11-07 09:25:18 · 1342 阅读 · 2 评论 -
vue优化小技巧
vue的性能优化原创 2022-04-05 23:13:20 · 1055 阅读 · 0 评论 -
前端生成表格
前端实现上传excel文件,展示到页面上原创 2021-12-30 09:45:26 · 1399 阅读 · 0 评论 -
实现简化版vue-mini
vue响应式实现原创 2021-12-14 18:11:39 · 249 阅读 · 0 评论 -
h5在ios小程序中fixed滑动遮挡(回弹机制)
解决h5在ios浏览器中,fixed滑动遮挡原创 2021-12-14 17:56:48 · 3578 阅读 · 0 评论 -
npm插件开发
好久没有发文章,最近在学react,简单测试一下npm插件的打包发布,现在插件开发也是面试的一个亮点。组件/插件局部组件(某处使用) 全局组件(多次调用到就可以注册成全局组件(一般超过5次)) 插件(共享vue生态圈,在不同项目中只要install都可以调用)插件开发//这里跟组件开发一样 plugins/组件<template> <div> <el-table ref="el-from" :data="tableData" s原创 2021-08-27 15:27:59 · 899 阅读 · 0 评论 -
vue3.0二次封装el-table
实现效果:注意点:vue3取消slot-scope,改用v-slot,简写#。刚学vue3不久,语法不太熟悉,花了点时间。核心代码:详细代码://子组件<template> <div> <el-table ref="el-from" :data="tableData" stripe style="width:100%" v-loading="loading"> <!-- 多选框 --&.原创 2021-07-22 14:33:55 · 1641 阅读 · 0 评论 -
vue3.0首次渲染watch没有触发
如下图,点击编辑时候,能拿到值,watch没有更新,组件值没有赋值到自定义组件上。查询了一波,官方提供了一个属性可以处理:immediate,于是我加上去(vue2.x也是同理)https://v3.cn.vuejs.org/api/instance-methods.html#watch直接可以了:...原创 2021-07-22 10:22:20 · 1717 阅读 · 0 评论 -
vue3 vs vue2.x
1.Tree-shankingvue3引入tree-shanking(术语),通常用于描述移除js上下文中未引用的代码(dead-code)。在vue2.x版本中,很多函数都挂载到全局vue对象上,例如set、nextTick等函数。虽然我们平时可能用不到,但打包时还是会将这些全局函数都打包到bundle中。而vue3采用es6模块化方式引入,这样能让webpack和rollup等打包工具在打包时候对没有用到的api进行剔除,减少bundle的体积。创建app实例的方式,由原来的new Vu原创 2021-07-21 11:47:51 · 2168 阅读 · 0 评论 -
vue3.0项目实现表单拖拽
项目采用vue3.0+ts+elementPlus去开发管理后台,但element没有提供表单拖拽的功能,这里可以借用第三方库(SortableJS)来实现次需求。github地址:https://github.com/SortableJS/Sortable中文文档:http://www.sortablejs.com/index.html#使用方式:1. npm install sortablejs --save2.在单页面使用importSortablefrom'sorta...原创 2021-07-21 11:40:16 · 1199 阅读 · 2 评论 -
纯vue导出word
参考:https://www.jianshu.com/p/b3622d6f8d98这里我也附带代码,区别上面的:上面导出后在docx中会有存在换行问题,核心代码:new docxtemplater(zip, { linebreaks: true }) 可以解决导出换不了行的问题。出现最多的问题:解决就是加 ./ 。private exportWord() { const That = this; const outname = That.data.post.原创 2021-04-22 16:33:59 · 755 阅读 · 0 评论 -
vue-cli引入elementui版本使用问题
vue-cli2之前版本引入element形式入右图:https://element.eleme.cn/#/zh-CN/component/installationvue-cli3-4则采用左图vue add elementui然后会自动生成element.js,运行起来后页面时一片空白的,这里原因是vue-cli3后,取消了Vue 这个对象。官方提供另一种方式(这个仔细看文档才知道):element-plus,具体操作可以点击跳转查看在 main.js 中写入以下内容:import.原创 2021-03-25 22:22:46 · 894 阅读 · 0 评论 -
vue中动态插入值,@click失效解决方法
项目是html引入vue的格式。将生成的数据插入html()进行插入,发现template中@click失效,但onclick方法却可以执行,但我项目中需要用到emit来进行传值,查了一下,有人说通过vue.render()来重新渲染模板,但我这里是引入的,用不了,然后我参考以下的博客,发现可以了,所以分享一下,当做积累参考:https://blog.csdn.net/weixin_42633131/article/details/100579381?utm_medium=distribute.pc_r原创 2020-05-22 21:15:32 · 1954 阅读 · 0 评论 -
webpack-vendor优化
vendor 提取公共方法如图:(页面初始首屏加载需要大概20s时间,wc,谁会等!)优化后:(5m-> 800k,加载有了质的飞越)修改操作如下:换成cdn加载:(注:cdn可以减少vendor的压力,但一旦没有网络,那就呵呵咯)在webpack.base.conf.js的nodule的rules 加上/node_module...原创 2020-04-27 01:41:16 · 2996 阅读 · 0 评论