越过山丘哦噢喔-优快云博客

原创在同时使用label和input标签下下label绑定click事件执行两次的问题

结构为lable里嵌套了input标签，并且在lable下绑定了click事件，由此会引发click事件执行两次。

2021-12-30 15:30:55 1457 1

原创 el-select选项被弹框遮住

打开弹框，里面又select选择器，点击选择器，选项卡会弹出来。但是在做项目的时候出现一个bug，就是选项卡不见了，一开始以为是接口问题，没触发接口，经过一番检查发现是被弹框遮住了，然后网上搜索了一圈方法，又是z-inde什么的，好像对我这里不太有用，还是会出现被遮住的情况。最后在 el-select 中加入transfer="true" :popper-append-to-body="false"！文章转自：el-select选项被遮挡 - 挽你手 - 博客园感谢大佬提供方法，...

2021-11-02 16:35:05 1527 1

原创 vue-同一个页面多次使用同一个G2图组件显示在一起原因

在写页面的时候，同一页面复用了同一饼图组件，然后就出现了如下图：下面的饼图应该在右边的位置，然后用控制台看了下，第一个图的div里面有两个饼图canvas，第二个图的div里面为空。g2绘图原理就是根据div的id去查找绘制在那个div里面，所以组件内不能写固定id。解决方法有两种：1、动态生成字符串组成id2、以获取dom元素的方式this.$el.querySelector(".canvas")...

2020-12-08 15:56:15 1068

原创 vue自定义组件：使用v-model定制prop和event

在封装一个时间组件时，在使用v-model的时候，定制了props和event，因为默认情况下，一个组件上的v-model会把value用作prop、把input用作event<input v-model="value" />

2020-12-07 19:04:27 3421

原创 vue-element-admin入坑之切换中文版

在用到element-table的过程中，全是英文，按照一般来说，需要改成中文，在上手vue-element-admin之处，并未注意语言的问题，我是自己随便倒腾到一半的时候，发现语言需要切换，以下提供三种解决方案。第一种：直接拉取中文版分支代码。 https://github.com/PanJiaChen/vue-element-admin/tree/i18n第二种：切换分支官网有说明，提供的默认版本是英文版的，所以有需要中文版本的需要切换分支...

2020-11-30 16:12:34 6467

原创 warning Attribute ‘:isCollapse‘ must be hyphenated eslint报错解决方法

接手的项目一般都是设置好的不会有很多eslint方面的问题，这段时间自己利用闲暇时间把一个项目从头到尾做一遍，梳理一下，只看文章我觉得转头就会忘，还是得实践，一边踩坑一边记录。会遇到很多各方面的设置问题的报错，一一解决。有一条警告，主要意思是【属性“：isCollapse”必须用连字符连接】，isCollapse是一个父子组件之间传参的一个参数。导致的原因是传参是使用了驼峰命名，eslint 检查时报出警告。解决方法：将isCollapse改成is-collapse...

2020-11-26 12:31:07 4781

原创 Vue 项目报错 Extra semicolon semi

使用 vue-cli 构建的项目，默认的 eslint 配置要求是不使用分号。需重新设置一下。解决方案：第一步：在项目根目录找到.eslintrc.js文件夹第二步：设置： 'semi': [0, 'never'],此配置项的意思为：eslint 不检查分号这一项，这个时候结尾的分号，你加也可以，不加也可以特别说明：如果希望要使用分号。则将设置改为：'semi': ["error", "always"]...

2020-11-24 17:17:44 761