vue
Yoga99
这个作者很懒,什么都没留下…
展开
-
vue element select下拉框树形多选
components 文件下新建 SelectTree文件 index.vue。原创 2023-07-10 09:12:58 · 4701 阅读 · 4 评论 -
vue2 dialog整体作为子组件时 每次打开都重新执行生命周期
因为子组件 @closeDialog 事件手动修改了 isDialogVisible 状态,而右上角的×按钮 并未触发此事件。这种把dialog作为一个整体写成子组件时需要关闭 dialog的右上角×关闭按钮 :show-close=“false”解决办法是 利用 dialog的属性 before-close 关闭前回调 修改状态(业务不需要所以未尝试 ,理论上可行)前言:将dialog整体作为 子组件时,每次打开都重新执行created、methods生命周期。原创 2022-11-18 16:57:05 · 2027 阅读 · 0 评论 -
vue 前端 复制内容到剪切板
不使用插件 实现前端复制内容到剪切板。原创 2022-10-26 11:38:27 · 239 阅读 · 0 评论 -
element table 导出excel表格
实现目标:通过前端直接导出页面显示的table。这里需要注意 如果提示以下报错。Error: Cannot read properties of undefined (reading 'utils')原创 2022-10-19 13:40:55 · 435 阅读 · 0 评论 -
vue 实现 页面无操作 退出登陆
vue 实现 页面无操作 退出登陆,js 部分 代码简单易懂 不多做赘述。原创 2022-08-15 14:16:38 · 590 阅读 · 0 评论 -
vue 前端时间格式处理 2022-06-12T00:00:00.000+0800
这里处理的 原始时间格式 为 : 2022-06-12T00:00:00.000+0800需要达到的效果 :2022-06-12 00:00:00原创 2022-06-13 14:59:03 · 3720 阅读 · 3 评论 -
element input 限制 只能输入数字,仅限数字
限制input 只能输入数字,小数点也不行<el-input v-model="dataForm.pillarNumber" @input="changeInputNumber" placeholder="输入数字"></el-input>js changeInputNumber (val) { this.dataForm.pillarNumber = val.replace(/[^\d]/g, '') }...原创 2022-05-16 14:06:20 · 513 阅读 · 0 评论 -
前端 vue 下载本地静态资源 提示找不到文件
是用a标签download属性文件放在static和assets里都显示未找到文件将需要下载的文件资源 public 下即可 <el-button icon="fa fa-file" label="下载模板" type="primary" @click="handleDownload" /> handleDownload: function () { let elink = document.createElement('a') elink.href =原创 2022-05-11 16:19:45 · 2195 阅读 · 0 评论 -
element css 清除滚动调样式
::-webkit-scrollbar { display: none;}//列表::-webkit-scrollbar-thumb { display: none;}原创 2022-04-01 14:44:13 · 156 阅读 · 0 评论 -
Syntax Error: SassError: expected selector.报错解决方法
报错原因 是因为 在scss 中使用了 /deep/ 样式穿透。在less 中可以这样写。出现此报错 ,只需要 将 /deep/ 替换成 ::v-deep 即可。原创 2022-02-23 13:36:59 · 12149 阅读 · 1 评论 -
vue element table 实现自动滚动效果
在table中加上 ref=“table” <el-table :data="tableData" stripe class="swiper-page-table" ref="table" height="83%" > <el-table-column type="index" label="序号" width="50"> </el-table-column> <e原创 2021-11-26 08:31:35 · 4346 阅读 · 8 评论 -
vue 路由传参的8种方式 转
编程式路由传参除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。1. 通过 params 传递路由配置路径参数 用冒号 : 表示。 const routes = [ // 动态段以冒号开始 { path: 'details/:id', name: "details", component: Details }, ]router.push() 方法的参数可以是一个字符串路径,或者一个描述地址的对象。 const Hom转载 2021-10-26 09:24:19 · 640 阅读 · 0 评论 -
vue element 表格自定义设置合计列
<el-table :data="storeSummaryList" style="width: 100%" v-loading="storeSummaryLoading" :summary-method="getSummaries" show-summary > </el-table> getSummaries(param) { const { colu.原创 2021-10-12 08:54:15 · 497 阅读 · 0 评论 -
vue element el-date-picker 日期选择器 设置默认本月第一天到今天
<el-col :span="6"> <el-form-item> <el-date-picker v-model="date" type="daterange" range-separator="-" start-placeholder="开始日期" end-pla.原创 2021-10-12 08:50:19 · 2300 阅读 · 0 评论 -
vue element select 数据更新,显示不变
<el-col :span="5"> <el-form-item label="设备号:" required> <el-select v-model="saveParams.Strequipmentcode" placeholder="请选择" size="medium" ...原创 2021-10-11 11:23:24 · 916 阅读 · 0 评论 -
vue 日期比较 验证
比较三个日期。 //日期比较 comparedate(date1, date2, date3) { //date1, date2, date3 开工日期、 竣工日期、验收日期 let oDate1 = new Date(date1); let oDate2 = new Date(date2); let oDate3 = new Date(date3); let falg = true; if (oDate1.getT.原创 2021-10-11 10:54:09 · 1116 阅读 · 0 评论 -
vue 修改密码,密码数字、字符、特殊符号 长度验证,二次验证
<el-form> <el-row> <el-col :span="21"> <el-form-item label="旧密码:" required> <el-input v-model="editpwd.struserpwd_old" placeholder="请输入旧密码" ..原创 2021-10-08 13:48:01 · 910 阅读 · 0 评论 -
vue element el-input-number 清空后默认为0
需求 删除 el-input-number 内容后,默认显示 0,不会为 空 <el-col :span="6"> <el-form-item label="工时费:"> <el-input-number v-model="saveParams.dblworkinghourscharge" size="medium"原创 2021-09-28 13:59:02 · 5059 阅读 · 0 评论 -
vue 前端处理列表 上下移动 操作
第一条不可上移,最后一条不可下移 <el-table-column label="操作" width="150"> <template slot-scope="scope"> <span @click="handleCellEdit(scope.row, scope.$index)" class="ce.原创 2021-09-23 10:03:13 · 1303 阅读 · 0 评论 -
vue element el-select 下拉获取下拉框所有内容
<el-col :span="4"> <el-form-item> <el-select v-model="userListParams.strdeptname" placeholder="请选择部门" size="medium" ...原创 2021-09-15 10:24:26 · 1271 阅读 · 0 评论