博主需要在项目中需要使用el-table和el-pagination标签实现表格分页功能，方法如下：el-table标签的data属性是显示的数据，绑定为showTable计算属性<el-table:data="showTable":header-cell-style="{background:'#eef1f6',color:'#606266'}&quo

今天楼主在实战学习vue项目时使用element-ui中出现了一个问题，如图所示：可见图中的表格里表头的边框和内容的边框产生了错位问题。于是楼主在网络上搜索了该问题，发现该问题是由于电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。不过没关系，楼主还是顺利找到了解决方案：在index.html或Ap..

博主在使用element-ui的MessageBox弹框时发现默认的弹框是取消在前，确定在后，如图所示：博主并不喜欢这种样式，博主比较喜欢确定在前，取消在后的样式。于是在网上寻找改变按钮位置的方法，如下：//按钮点击会触发addSubmit方法<el-button type="primary" v-show="addOrEdit == 0" @

博主终于完成了自己的demo项目，到了打包这一步。通过npm run build命令打包后会在项目文件中生成一个名为dist的文件夹，里面是打包后的项目文件和资源。但是，打开index.html文件后却显示一片空白，打开控制台还会发现有报错，找不到页面路径。问题原因：config文件夹下index.js中的build命令的配置有一个属性叫assetsPublicPath，默认为 assets...

博主在测试打包项目时发现自己使用的404页面的背景图片无法显示，经过之前的问题，基本推断又是路径问题。在搜索引擎一番查找后发现果然是路径的问题，因为打包后的css文件在static文件夹下的css文件夹中，static文件夹和index.html是同级关系，这样引用时的路径就不对了，下面上解决办法：在build/utils.js文件中相应位置修改如下：// Extract CSS when t..

博主在使用vue+elementui实战过程中制作了一个折叠菜单功能，可以把菜单压缩宽度。但是遇到了一个问题，压缩后再展开的菜单显示有问题，会出现一条白框，如图所示：这是正常的菜单：这是折叠后的菜单：这是再展开的菜单：可见，再展开的菜单宽度变成了折叠菜单的宽度。原因是在布局上没有控制好菜单的宽度，博主找到了两种解决方案分享给大家：将v-show属性换成v-if属性<el...

博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎，找到了问题所在以及解决办法：main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。代码如下：main.js/...

今天楼主在实战学习vue项目时使用element-ui中出现了一个问题，如图所示：可见图中的表格里表头的边框和内容的边框产生了错位问题。于是楼主在网络上搜索了该问题，发现该问题是由于电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。不过没关系，楼主还是顺利找到了解决方案：在index.html或Ap..

今天博主实战vue项目终于到了尾声，迎来了打包阶段。但是发现打包完的index.html文件打开后只显示了左边菜单栏，router-view中的内容却没有显示出来，而且控制台也没有报错。如图所示：注：打包时候config文件夹中的index.js文件的build中的assetsPublicPath属性要改为 './' 这样的相对路径,博主已经靠前人的经验避过了这个坑。博主在网上搜索问题时发现...

博主在使用elementui中的el-table时感觉默认表格样式实在过于简洁，尤其表头与表格内容之间区别较小，不利于辨认，降低了用户体验。如图所示：于是，博主尝试更改一下表头的背景颜色和字体颜色，方法如下：根据elementui官网的说法，header-cell-style是表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。...