vue
shimily_liu
talk is shit,show me code
展开
-
vue项目中引入的Echarts图表如何实现窗口自适应
vue项目中引入的Echarts图表如何实现窗口自适应如果是单个图,直接使用window.onresize = myChart.resize,就是把window的onresize事件赋值给myChart。如果是多个图,由于窗口可能会刷新很多次,所以这里需要添加一个计时器来监听窗口的变化,代码如下:【注】: vue 项目中的自适应事件是放在mounted里的...原创 2021-07-29 13:15:20 · 292 阅读 · 0 评论 -
vue项目中添加Echarts有时会报错There is a chart instance already initialized on the dom
vue项目中添加Echarts有时会报错There is a chart instance already initialized on the dom有时候,我们在vue项目中引入Echarts会报以下状态:一般情况下,这个报错并不会影响到Echarts图标的生成,主要是因为已经存在Dom,解决办法就是删除DOM。方法如下:...原创 2021-07-28 17:15:23 · 1307 阅读 · 0 评论 -
Vue项目中添加Echarts图(包括接口数据)详解
Vue项目中添加Echarts图(包括接口数据)详解关于在Vue项目中添加Echarts,经过反复推敲,数据终于出来了,以下是我的详细步骤:1. 创建一个div,行内样式定义其宽高2.引入Echarts我这里使用了let (项目需求),也可以使用import,大家根据自己的需求导入即可3.静态数据引入静态数据大家可以前往Echarts官网,选择自己需要的echarts图。官网地址:https://echarts.apache.org/examples/zh/index.html#chart-原创 2021-07-20 11:31:57 · 2701 阅读 · 0 评论 -
去除Element-ui中table的所有下划线
去除Element-ui中table的所有下划线这些比较烦人的表格线如何去掉?在table外层包围一个div,并且自定义class类名1.去掉table里的表格线2.去掉下边框线3.去除上边框线【注】:在去除边框线的时候,很多人会使用deep,如下图所示但是有的时候,使用deep并不能生效,这个时候就要使用上述本方法...原创 2021-07-12 14:34:05 · 3959 阅读 · 2 评论 -
Element-ui设置自定义的行高
Element-ui设置自定义的行高直接上代码:最重要的就是这两句原创 2021-07-07 10:02:37 · 241 阅读 · 0 评论 -
如何强制卸载老版本Vue-cli
vue-cli老版本卸载不了问题最近在学习vue相关的知识,然后发现了vue脚手架的这个问题,在此记录下我遇到的情况:在命令行里运行:npm uninstall -g vue-cli然后给我显示这个:显示up to date in 3s然后我运行:vue --version 后发现脚手架还在,发现卸载不了,然后开始网上各种查,查了好多博客,终于发现了一个靠谱的解决方案第一步运行:npm config ls -l这个命令可以查看文件位置会刷出很多信息,在这些信息里要找到“userconfig”原创 2021-06-25 15:23:10 · 2686 阅读 · 2 评论 -
父子组件传值
父子组件传值-父传子关于父子组件传值中的父传子,做出如下简单代码进行介绍: <!-- 父组件挖坑显示,但是值必须将子组件和父组件绑定,否则不能显示 --> <cpn :cinfo="info"></cpn></div><!-- 组件语法糖,调用子组件定义的值 --><template id="tem"> <div> {{cinfo}} </div><原创 2021-06-16 11:02:19 · 432 阅读 · 0 评论 -
computed和methods的区别
computed和methods的区别:关于computed和methods,代码如下: <h1>{{getmessage}}</h1> <h2>{{getmessage}}</h2> <h3>{{getmessage}}</h3> <h4>{{getmessage}}</h4> <!-- <h1>{{getMessage()}}</h1>原创 2021-06-03 10:03:47 · 210 阅读 · 0 评论 -
vue的生命周期钩子函数
vue生命周期钩子函数详解关于生命周期的钩子函数,做出了如下介绍:这是生命周期的八个钩子函数附代码如下(js部分):var app = new Vue({el: ‘#app’,data: {message: “hahahahhahahahah”},beforeCreate: function () {console.group(‘beforeCreate 创建前状态===============》’);console.log("%c%s", “color:red”, “el原创 2021-05-31 13:42:30 · 119 阅读 · 0 评论