![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
我的代码永没有bug
这个作者很懒,什么都没留下…
展开
-
vue3中ref获取子组件的值
vue3中ref获取子组件的值原创 2023-01-31 16:30:33 · 6949 阅读 · 0 评论 -
表格嵌套表格 多选 分页
【代码】表格嵌套表格 多选 分页。原创 2022-10-25 09:48:59 · 205 阅读 · 0 评论 -
p标签删除了空格,利用文本框保留空格
p标签删除了空格,利用文本框保留空格原创 2022-09-13 10:55:36 · 277 阅读 · 0 评论 -
el-table表格切换每页条数时显示一条横线
el-table表格切换每页条数时显示一条横线原创 2022-09-05 15:57:06 · 296 阅读 · 0 评论 -
element中loading加载修改自定义图标
element中loading加载修改自定义图标原创 2022-09-02 15:33:18 · 2940 阅读 · 2 评论 -
删除el-image开启大图预览后的关闭按钮
删除el-image开启大图预览后的关闭按钮原创 2022-09-01 16:53:18 · 988 阅读 · 0 评论 -
el-form表单封装
el-form表单封装原创 2022-09-01 14:51:35 · 974 阅读 · 0 评论 -
table表格封装
table表格封装原创 2022-09-01 14:50:00 · 298 阅读 · 0 评论 -
pdf和图片查看封装
pdf和图片查看封装原创 2022-09-01 14:47:22 · 86 阅读 · 0 评论 -
vue导出excel文件打不开,或者文件内容为object object
vue导出excel文件打不开,或者文件内容为object object原创 2022-06-27 17:16:54 · 6492 阅读 · 2 评论 -
van-popup封装组件时数据双向绑定问题
van-popup封装组件时数据双向绑定问题原创 2022-06-17 10:33:29 · 681 阅读 · 0 评论 -
vue封装公共组件调用方法
需求:项目中所有的提示信息都是弹框样式的,并且显示两秒后自动消失vue页面<template> <!-- 公用提示信息页面 --> <el-dialog title="提示" :visible.sync="dialogVisible" :show-close="false" top="40vh" width="30%" > <div class="content"> <span&原创 2022-04-30 11:01:14 · 895 阅读 · 0 评论 -
Alibaba Cloud Toolkit一键打包和部署
1、安装插件 Alibaba Cloud Toolkit2、新建连接服务器 Host View3、输入信息4、测试链接,成功后点击ok5、配置打包部署 点击Deploy to Host6、配置信息7、配置完成后,一键启动8、打包完会自动部署...原创 2022-03-02 16:35:17 · 337 阅读 · 0 评论 -
前端vue下载本地文件
文件放在静态文件目录下<el-button type="success" icon="el-icon-download" @click="downloadClick()"> 下载模板 </el-button> // 下载模板 downloadClick() { var link = document.createElement('a'); link.setAttribute('download', ''); li原创 2022-02-28 11:48:49 · 1262 阅读 · 0 评论 -
tab第二次切换不加载组件
问题描述:在进行tab栏切换时,第一次可以加载组件,第二次时组件就不加载了解决方法:给组建加上key值因为vue会复用组件,不会重新渲染组件,添加key值表达这两个是独立的原创 2021-09-22 16:32:26 · 426 阅读 · 0 评论 -
查询条件可通过enter回车进行查询
@keyup.enter.native<el-input v-model.trim="reminderName"。 @keyup.enter.native="changeSearch" clearable @clear="clearReminderName" placeholder="可按照名称和期数查询"></el-input>原创 2021-07-21 14:53:24 · 291 阅读 · 0 评论 -
el-upload附件上传文件类型限制
上传功能是用element中的upload组件做的,里面有个属性控制上传文件格式设置accept上传限制,同时在上传文件之前的钩子before-upload里面进行判断,当选择不符合格式文件时,进行提醒代码 <el-upload style="display: inline-block;" class="upload-demo" accept=".pdf,.jpg,.png"原创 2021-07-15 10:54:55 · 7214 阅读 · 0 评论 -
当点击dialog关闭按钮时,之前选择的数据仍然被保留了
点击dialog弹窗关闭按钮时,正常情况下,选择的内容应该取消,但实际上还是选择上了问题原因:在点击关闭按钮时,没有将所选的清除,通过打断点,发现没有将数据删除,于是通过close方法,进行清除,发现选择之后保存,也进行了清除,继续打断点后发现,保存后关闭弹框也调用了close方法,最后选择before-close方法,弹框关闭前调用的方法,进行解决解决方法<el-dialog title="各街乡镇" :before-close="handleDialogClose" :visible.sy原创 2021-07-15 10:48:41 · 2264 阅读 · 0 评论 -
el-input type=‘textarea’后高度设置
通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整,并且 autosize 还可以设定为一个对象,指定最小行数和最大行数。关键代码::autosize="{ minRows: 5, maxRows: 5}"<el-input type="textarea" :maxlength="500" :autosize="{ minRows: 5, maxRows: 5}"></el-input>...原创 2021-07-15 10:44:13 · 11675 阅读 · 0 评论 -
两个el-select选择框,选择其中一个,另一个同时选择相对应的
两个单独的选择框,选择第一个,会将第二个相应的内容带出来HTML部分:关键代码::value="{value:item.value,id:item.id}" <el-form-item label="调度令名称" prop="dispatchName"> <el-select v-model="form.dispatchName" placeholder="请选择" @change="changeOptions($event)">原创 2021-07-15 10:42:55 · 2688 阅读 · 2 评论 -
el-date-picker 日期时间进行限制,精确到时分秒
需求:当上一条数据的开始时间选择后,再加一条数据时,不能选择上一条数据之前的时间html部分:<el-form-item label="开始时间" prop="begintime" > <el-date-picker v-model="form.begintime" type="datetime" placeholder="选择日期时间" :picker-options="pickerOpt原创 2021-07-06 13:31:32 · 3123 阅读 · 4 评论 -
时间日期选择器中直接点击确定按钮时不选择当前时间
需求:不选择时间时,确定按钮无效,只有选择时间后,确定按钮才可以选择问题:基于element本身的原因,日期时间选择器,即便不选择,点击确定后仍选择当前时间,但是我不需要这个功能解决思路:开始时我想能不能在不选择的时候将按钮禁用,但是本人愚笨,这个方法没有行通,随后又想到一个方法,就是监听这个时间控件,当点击确定后的时间为当前时间时,将时间清空,测试后可行 <el-date-picker class="my-picker" v-model="dateTimeValue"原创 2020-12-30 17:05:37 · 1758 阅读 · 1 评论