前端开发
文章平均质量分 59
图恩
书写心得,分享感悟
展开
-
vue项目中如何通过npm引入多个echarts版本
大家好我是图恩,今天在项目中遇到一个问题,就是需要用echarts 实现一个回归趋势线,发现echarts官网上并不能实现,不过有一个echarts插件可以达到这个效果,插件叫做echarts-stat。这个插件需要使用echarts5.0以上的版本,但是项目之前已经有引入echarts,但是是4.0版本,那么有没有什么方法可以实现同时安装两个版本呢?其实是可以实现的,npm 本身支持这个功能。原创 2022-10-23 19:09:28 · 2808 阅读 · 1 评论 -
vue3中如何解决echarts 二次渲染时不显示的问题
大家好我是图恩,在vue3.0项目中使用echarts的时候发现第一次获取到数据后正常渲染了echarts图,在切换到其他菜单后再切回来时发现echarts就不显示了,通过打印日志查看发现数据是正常获取到,而且方法也执行了,但是图就是不显示,通过浏览器的元素检查也能发现dom是存在的。但是在图表的dom属性中发现了一个特殊的属性:_echarts_instance_,对应的值是一个id,可能是由于再次渲染时这个id未发生改变导致ehcarts认为不需要重新渲染。原创 2022-10-22 13:56:36 · 2007 阅读 · 0 评论 -
如何解决vue3.0+typescript项目提示找不到模块“./App.vue”或其相应的类型声明
大家好我是图恩,今天在项目中遇到了这个问题,出现这个提示的原因在于typescript 只能理解 .ts 文件,无法理解 .vue文件,因此需要给.vue文件加上类型说明文件。原创 2022-10-22 13:54:40 · 2633 阅读 · 0 评论 -
基于nuxtjs开发的开源博客系统
项目介绍:主要技术: Nuxtjs 2.0 、ElementUI 2.0主要使用插件: axios(请求) 、 less(css编译) 、 highlight.js(代码高亮) 、 @nuxtjs/component-cache (缓存)关联项目同另外两个项目一起组成了一个博客系统:后端服务:springbootAdmin (https://gitee.com/wilkwo/springbootAdmin)后台管理:vueAdmin (https://gitee.com/wil...原创 2022-03-11 09:41:54 · 648 阅读 · 0 评论 -
在 Vue 项目中引入 tinymce 富文本编辑器
1、tinymce 官方为 vue 项目提供了一个组件tinymce-vue2、npm安装vue组件,同事安装源插件npm i @tinymce/tinymce-vue -S、npmi tinymce -S3、安装之后,在 node_modules 中找到 tinymce/skins 目录,然后将 skins 目录拷贝到static目录下,如果是使用 vue-cli 3.x 构...原创 2020-02-21 15:15:02 · 1545 阅读 · 0 评论 -
前端开发笔记
文本超过宽度显示省略号 text-overflow:ellipsis 设置body dom元素可编辑 document.body.contentEditable = true a链接取消默认行为 input 里面的placeholder 文本居中 input:-ms-input-placeholder{ text-align:center } in...原创 2018-08-19 16:03:11 · 159 阅读 · 0 评论 -
webpack如何初始化vue项目教程
1.先安装node2.npm 设置成淘宝源:npm config set registryhttps://registry.npm.taobao.org3.安装vue以及vue-cli,官方写法: vue init webpack my-project 执行这行命令的时候如果在一些安全性要求较高的公司,不能访问github的情况下,可能会出现一直在downing那个地方...原创 2018-08-19 16:04:13 · 913 阅读 · 0 评论