WEB___的博客

相关代码：/deep/ .el-table { display: flex; flex-direction: column;}/* order默认值为0，只需将表体order置为1即可移到最后，这样合计行就上移到表体上方 *//deep/ .el-table__body-wrapper { order: 1;}如果表格启用 fixed 属性，需再添加以下两行CSS作为补偿修复/deep/ .el-table__fixed-body-wrapper { top: 96px !

使用 slot="header" 插槽即可。相关代码：<el-table-column prop="total" label="" show-overflow-tooltip> <template slot="header"> 订单总额 <el-tooltip class="item" effect="dark" content="供应商已进货和已退货的总额" placement="bottom">-

el-menu 的属性注意添加 :default-active="$route.path" 和 :router="true" <el-menu :default-active="$route.path" background-color="#545c64" text-color="#fff" :unique-opened="true" style="min-height: 100%;overflow-x:hidden;"

1.安装依赖尽量先设定好用国内淘宝镜像，不然很可能安装出问题。 npm install -S file-saver npm install -S xlsx npm install -D script-loader2.新建文件夹，放置 Blob.js 和 export2Excel.js放在assets下面。Blob.js/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */(function (v

刷新页面报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/saleOrder/manage”.浏览器提示：<router-link>'s tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning

npm安装源设置npm默认源是国外网站，国内访问不了，无法获取依赖包信息。更换为国内的安装源即可。// 查看自己的安装源npm config get registry// 更换npm源为国内淘宝镜像npm config set registry http://registry.npm.taobao.org/// 或者更换为国内npm官方镜像npm config set registry http://registry.cnpmjs.org/// 还原npm源npm config set r

注意 this.$refs.tabs[i] 的属性对应参考的原帖貌似是没对应好。本人在使用时出现几个问题：title无法显示只能添加一个tabtab会重复添加默认打开的首页也能再创建修改之后，功能正常。<template> <el-tabs v-model="activeTab" type="card" @tab-remove="removeTab" @tab-click="tabClick"> <el-tab-pane

代码：<el-card style="margin-top: 20px; width:100%;flex:1;text-align: right;"> <el-button type="primary" @click="doSubmit('addForm')">提交销售单</el-button> <el-button type="primary" @click="print">打印</el-button> <

邮箱/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/手机号码 /^[1][3,4,5,7,8,9][0-9]{9}$/座机号码/^([0-9]{3,4}-)?[0-9]{7,8}$/正实数/^[+]?(\d+)(\.\d+)?$/g验证实例let validateMail = (rule, value, callback) => { let reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\

el-table标签加 tooltip-effect="light"el-table-column标签加 show-overflow-tooltip="true"超出部分会以popover去显示

给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件。<el-dropdown-menu slot="dropdown"> <el-dropdown-item icon="el-icon-plus">商户信息</el-dropdown-item> <el-dropdown-item icon="el-icon-unlock" @click.native="logout">退出登录</el-dropdown

以el-drawer为例，想修改title（个人中心）字体为加粗vue组件中，通常在style里设置scoped，样式仅作用于当下的模块。如果想让设置的样式对所以子组件都生效，这个时候得使用 /deep/ 深度选择器/deep/ .el-drawer__header{ font-weight: bold;}...