bug的解决方案
文章平均质量分 50
鸭绒
追求起点是大厂。
展开
-
Vue中使用ElementUI的Form组件时使用 v-if 切换时导致表单自动校验问题
说明:利用ElementUI的Form表单组件实现登录、注册功能,当chooseItem == 0时是登录模块,否则是注册模块,同时也给表单项添加了校验规则。示例代码:<template><el-form v-if="chooseItem == 0" :model="loginForm" :rules="loginRules" ref="loginForm" siz原创 2022-04-10 17:48:17 · 3015 阅读 · 0 评论 -
Vue使用ElementUI的Table组件表头与内容不对齐问题
问题描述:用ElementUI开发后台,使用Table组件时,表头与内容不对齐解决方法:在App.vue组件中添加如下代码:<style>.el-table th.gutter { display: table-cell !important;}</style>示例:原创 2021-07-29 17:06:32 · 1458 阅读 · 0 评论 -
Element-ui中的table组件设置列为type=“expand“时,在Vue中发起异步请求数据时表格无法正常显示
问题描述:借助官网的示例,但展开项中是一个表格,当点击展开项时会发起一个网络请求去获取表格数据,表格的数据应该是一个数组类型:<template> <el-table :data="tableData" element-loading-text="Loading" style="width:90%;min-height:600px" border fit :st原创 2021-06-24 21:44:02 · 2327 阅读 · 5 评论 -
Vue为v-html中标签添加CSS样式
在最近的vue项目中遇到的问题:v-html渲染的富文本,无法在样式表中修改样式;<template> <div class="msgHtmlBox" v-html='msgHtml'></div></template> <script>export default{ data(){ return { msgHtml: "<p>https://www.cnblogs.co转载 2021-01-25 09:52:28 · 1533 阅读 · 0 评论 -
Vue中使用textarea标签统计并展示用户还可输入文字长度的错误做法以及解决方法
最近在做一个项目,在做“用户评论”时有个评论长度限制,假设可输入最长文本为140,需要在页面展示用户可输入长度,这是一个很简单的需求,但我在用常规的方法却产生了bug,下面看看这个bug吧。下面展示的是评论界面:下面是一个动图展示bug:从动图可清晰展示:当输入一次文字后,再按键盘继续输入文字时,前面已输入的文本会自动清空。下面是我产生这个bug的代码:<template> <div> <textarea :value="conte.原创 2021-01-07 21:15:57 · 1434 阅读 · 0 评论 -
Vue2.X中引入element-ui,发现没有.babelrc文件如何解决?
别再找.babelrc文件了,直接修改babel.config.js文件。1.引入element-ui:npm i element-ui -S2.引入插件:npm install babel-plugin-component -D3.修改babel.config.js文件:module.exports = { presets: ["@vue/app"], plugins:[ [ "component", { "libraryName":原创 2020-10-19 22:46:31 · 7388 阅读 · 4 评论 -
vue使用prop通信出错:Avoid mutating a prop directly since the value will be overwritten whenever the parent
使用props进行父子组件通信时产生错误:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “currentIndex”产生错误的原因:在子组件中,你试图修改父组.原创 2020-09-19 15:32:13 · 45111 阅读 · 4 评论 -
CSS 嵌套块元素垂直外边距的塌陷解决方案
文章目录1. 什么是嵌套块元素垂直外边距的塌陷?2. 解决方案1. 什么是嵌套块元素垂直外边距的塌陷?对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷相对较大的外边距值,而子元素没有实现上外边距效果。1.在只给父元素加上上外边距时能正常:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta na原创 2020-07-07 11:55:42 · 2228 阅读 · 0 评论 -
CSS之“绝对定位”的盒子使用margin:0px auto;不能实现水平居中的解决方案
在盒子实现水平居中的布局中,我们经常直接使用margin:0px auto;来实现居中,在很多时候的确可以一句这样的代码就实现了,但在绝对定位的盒子中,这是不起作用的。1.根据代码测试是否真如上面所说:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width.原创 2020-07-09 16:48:09 · 2497 阅读 · 4 评论 -
图片底部默认有空白缝隙bug的解决方案
文章目录1.指出bug2.解决bug1.指出bugbug描述:我们通常会在一个容器中包裹着一张图片,但是图片下面默认会有一个空白缝隙。原因:行内块元素会和文字的基线对齐。我们来看看这个bug:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, in原创 2020-07-11 14:55:50 · 589 阅读 · 0 评论 -
webpack使用copy-webpack-plugin插件遇到错误:Invalid options object. Copy Plugin has been initialized using an
使用copy-webpack-plugin插件遇到的报错:Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.-options[0] misses the property ‘patterns’. Should be:[non-empty string | object { from, to?, context?, glo原创 2020-07-26 00:06:25 · 8970 阅读 · 0 评论 -
webpack打包字体图标遇到的错误的解决方案
文章目录1.引出错误2.解决方案1.引出错误我这个静态网站项目利用了icommon提供的字体图标,直接对该项目进行打包报错。我在css文件应用“字体图标”:@font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?raxfuq"); src: url("../fonts/icomoon.eot?raxfuq#iefix") format("embedded-opentype"), url("../f原创 2020-07-30 16:27:21 · 1626 阅读 · 0 评论 -
webpack配置“.vue”文件报错:vue-loader was used without the corresponding plugin. Make sure to include VueL
我们在webpack中处理.vue结尾的文件时需要运行下面命令:npm install vue-loader vue-template-compiler --save-dev在配置文件配置:const path = require("path");module.exports = { mode: "development", entry: "./main.js", output: { filename: "bundle.js", path: path.resolve(_原创 2020-08-05 00:10:46 · 550 阅读 · 0 评论 -
关于column-count多列布局出现“列中间有白缝”和“一个内容被切割在两列显示”的解决方法
1.中间有白缝现象:我在项目中使用column-count:2,进行瀑布流布局,然后误认为每列的宽度为屏幕的一半,经反复测试发现使用多列布局会有默认的column-gap:30px(值不够准确,但肯定有默认值)的列间隔,这就导致出现白缝:只要在设置column-count的容器中,使用:-webkit-column-gap: 0px;这时每列的宽度才是屏幕的一半。2.内容在两列显示:为什么会出现这样的原因?应该是它的计算原理:将所有容器的高度求和,然后再除以列数,得出每列显示的内容高度。原创 2020-09-17 23:01:24 · 2291 阅读 · 0 评论