Vue2.0
_大龄码农
这个作者很懒,什么都没留下…
展开
-
elementUI el-table回显
【代码】elementUI el-table回显。原创 2022-09-16 09:09:21 · 2955 阅读 · 0 评论 -
vue-quill-editor 富文本图片放大缩小
vue 富文本图片放大缩小原创 2022-08-02 16:49:36 · 2659 阅读 · 1 评论 -
el-select 可下拉可搜索可保留
el-select 点击关闭下拉框,内容会清空,只要简单操作,即可保留输入内容!1、添加 filter-method 方法 <el-select :filterable="true" v-if="item.type === 'select'" v-model="formAdd[item.value]" :p原创 2022-04-27 17:22:38 · 3155 阅读 · 0 评论 -
vue-excel不规则表格编写且可以打印预览
效果图:一、打印预览引入两个依赖文件ref=“exportPdf” 指向只能指向div这些dom原生元素,不然会报Element is not attached to aDocument错误。npm install html2canvas --savenpm install print-js --save二、封装一个组件 excel(不规格表格 粗暴方法实现)<template> <div> <div class="title">{{t原创 2022-04-22 10:28:17 · 2821 阅读 · 0 评论 -
vue 将一个数组对象拆分多个处理
用element el-carousel走马灯组件,获取后台数据后分屏展示出来后台返回前端数据,获取到的是全部数数据,后台数据格式如下:todoData: [ { list: [ { name: '迪丽热巴', department: '测试部门', dateTime: '2022-04-19 17:30', remark: '从昆明到大理', typeText: '0' }, { name: '迪丽热巴', depa原创 2022-04-14 15:44:52 · 4517 阅读 · 0 评论 -
el-cascader 级联选择器-选中关闭面板
组件代码<el-cascader ref="cascaderRef" v-else-if="item.type === 'cascader'" v-model="formSearch[item.value]" :options="item.options" :props="{ checkStrictly: true }" @change="cascaderChange"></el-cascader>打印了 this.refs.cascaderRef发现dropDownVis.原创 2022-03-24 17:59:22 · 2040 阅读 · 2 评论 -
el-date-picker 日期过滤周末节假日
// An highlighted block// 封装日历组件<el-date-picker clearable :picker-options="pickerOptions" // pickerOptions 改变日期 format="yyyy 第 WW 周" style="width: 100%;" :placeholder="`请选择${item.placeholder || item.label}`" v-bind="item.props原创 2022-03-16 22:10:03 · 2525 阅读 · 1 评论 -
JS 两组数组以ID为key 生成对象格式
后台需要前端获取后台返回值,获得两组数组-- Arr 和 timeList ,两组数据合并返回对象格式,格式为开始时间:{ id1:“2021-01-01”,id2:“2021-07-07”}结束时间:{id1:“2021-09-01”, id2:“2021-10-07” }以这种方式提交给后台(第一次遇到这种格式提交)var Arr = ["id1" , "id2"]var timeList = ["2021-01-01", "2021-09-01", "2021-07-07", "2021原创 2021-09-15 17:14:37 · 685 阅读 · 0 评论 -
解决css3遮罩层挡住下面元素事件的方法
有个简单的css3属性可以快速解决该问题外部div使用:(忽略该层事件监听)pointer-events:none 内部div使用:(来使其恢复可操作的性质)pointer-events:auto...原创 2018-09-18 11:35:07 · 6544 阅读 · 0 评论 -
vue.js 点击任意数组,切换位置到最前面,同时更新视图显示
效果图如下: 调用方法:Vue.set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值原创 2018-09-04 17:21:18 · 1632 阅读 · 0 评论 -
vue2.0 input框输入数据,button按钮被触发(颜色被改变)
一、单个input框时,输入值触发改变button 按钮的方法: 二、多个input框时,值输入其中一个input框,触发改变button 按钮1)v-model 绑定不同值 ,定义相同的@keyup事件: 2)判断每一个输入框输入值长度 ...原创 2018-08-27 23:33:13 · 14988 阅读 · 2 评论 -
vue数组 选中的push到新数组 和 任意位置删除
一、在一个for循环里我们只想获取选择的数据 html结构如下:逻辑部分:这样就可以获取在一个for循环里面的选择到的数据。二、 二维数组任意位置删除方法:productList:[ ] 第一层数组 productItem:[ ] 第二层数组...原创 2018-08-26 10:06:32 · 28755 阅读 · 0 评论