vue
穿条秋裤吧
这个作者很懒,什么都没留下…
展开
-
vue2中ckeditor5自定义构建(online-build)的使用
(ps:这是个大坑,我开始构建了几次一直不能成功在页面实例化编辑器).其他可以先都勾选了,因为这个页面时英文的,翻译成中文,会无法勾选,所以这里都勾选,在以一个可视化页面在选择自己需要的功能。最后选择了ckeditor5,ckeditor5具有多种模式(经典、行内、文档等),还提供了自定义构建器,可以根据自己的需要控制工具栏的子项的功能及位置等。wangeditor作为国内的富文本编辑器,功能强大,文档友好,之前在项目中曾多次使用,但是wangeditor没有行内模式。选择语言,下载打包好的版本。原创 2023-03-17 15:02:24 · 2046 阅读 · 0 评论 -
vue2中canvas渲染、标注、截图传给后端
截图并传给后端:截图的话,可根据需要使用canvas原生api:todataurl(),也可根据需要选用html2canvas或者dom-to-image插件,这两个插件我都是用了下,dom-to-image的功能更多点。首先是渲染从后端获取的图片:marking_list为从后端获取的数据,如果后端给的图片地址不是同源的,切记在赋予img实例src前设置img.crossOrigin = "Anonymous";标注也是,如果标注的图片不是同源的,要给图片设置跨域属性。原创 2023-03-16 17:12:36 · 1050 阅读 · 0 评论 -
vue3中vuex的使用
2.创建安装成功后,在目录下创建目录,再在下创建文件。并引入以下内容。 staet:数据仓库,用来存储数据的。 getters:获取数据的,有点像computed的用法。 mutations:更改state数据的方法都要写在mutations里,且是唯一方法。 actions:异步,异步的方法都写在这里,但最后还是需要通过mutations来修改state的数据。 modules:分包。如果项目比较大,可以将业务拆散成独立模块,然后分文件管理和存放。原创 2022-09-16 17:38:19 · 442 阅读 · 0 评论 -
vue刷新子路由、子组件
Vue刷新子路由、子组件原创 2022-09-15 16:28:57 · 442 阅读 · 0 评论 -
vue切换页面echarts图表不显示的问题
在vue项目中切换tab页面或者在后台管理框架中切换面包屑echarts图表会不显示,初次进入的时候能够正常显示,本地运行也没有问题,这个问题只在线上部署的时候出现。目前找到了两个解决方案,做下记录。echarts挂载的dom元素有一个属性:_echarts_instance_,它应该类似id,需要每次刷新重新生成,所以我们每次挂载前都去除这个属性。将echarts图表挂载的div的id改成动态id,确保切换页面时,echarts图表每次都可以重新挂载。以上两个方案都测试可以解决这个问题。...原创 2022-09-01 11:08:43 · 5719 阅读 · 2 评论 -
浏览器全屏,按下两次esc方法的解决思路
浏览器全屏之后添加键盘事件,当再次按下esc取消全屏时候我们会发现第一次的键盘事件是不触发的,解决思路如下。首先安装依赖,命令行输入。原创 2022-08-24 10:30:52 · 1255 阅读 · 0 评论 -
vue3实现语音播放功能
【代码】vue3实现语音播放功能。原创 2022-08-20 08:44:43 · 1045 阅读 · 0 评论 -
vue解决跨域的问题(反向代理)
找到config文件下->index.js文件,修改propyTable中的target的值,就可实现用前端解决跨域,详细请看下方。在模板中请求,去除头部地址,前缀加上。原创 2022-08-15 08:31:35 · 313 阅读 · 0 评论 -
vue基于原生html标签导入excel表格及标签的美化
在做一个后台管理系统,使用的naive框架,因此以前用的基于element上传组件的导入excel就不能使用了,特别制作了这一版,做下记录,以后不管是使用什么框架,都可以直接使用。dealexcel函数是对excel的表头进行转换,如果标头跟你的标头数据不相符的话。比如你的标头都是英文,而导入的标头是汉语。安装好后可以在package.json查看是否安装成功,以下代表安装成功。我的数据格式是统一的,所以将调用函数注释了。最后是js部分点击函数逻辑。然后自定义html标签。...原创 2022-08-11 18:19:06 · 616 阅读 · 0 评论 -
vue实现可拖拽div(通过自定义指令)
vue实现可拖拽div(通过自定义指令)原创 2022-07-12 16:15:24 · 2646 阅读 · 2 评论 -
vue 中导出带有图片的excel表格
随着项目进度的前进,到了最后一步需要将数据导出到Excel表格内,并且数据中包含一些类型的转换,和图片类型。正常情况下我们只需要导出文字类型,这是最简单的一种导出方式。那么现在我还有一些类型的转换和图片的导出到表格里,这该如何做?别慌,现在开源的插件有很多能够处理这种情况的,接下来我一步一步的展示,能够让你明白。第一步:安装插件。npm install js-table2excel第二步:引入插件。import table2excel from 'js-table2excel'原创 2022-05-24 18:06:49 · 4333 阅读 · 14 评论