摘要：
用vue和element开发的一套日历系统，日历内包含所筛选时间的具体时间事宜和数据。发现element自带的calandar组件没有支持跨两个月时间选择的支持。 于是自制了一个，实现思路很简单： 1：利用ement 时间区间选择控件，把所选时间区间依次排开放到一个数组内. 2：遍历数组，进行渲染， 阅读全文
摘要：
需求中 ElementUI 的 Cascader 级联选择器个人觉得很好用，但是对 :options="options" 里的数据格式是有特定要求的：input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ，就需要 props 来配 阅读全文
摘要：
在封装dialog的时候，我们默认都有确认和取消来关闭弹框的功能，如果单纯进行封装，父组件调用的时候，点击确认按钮就会直接关闭， 通常情况下，我们需要执行一些事情比如事件逻辑操作后才进行关闭，这时候就可以利用函数能座位参数传递来进行关闭前可以自定义条件进行关闭了： 子组件： 定义参数进行判断： ca 阅读全文
摘要：
index.vue内使用list组件，组件的功能主要包含1：根据不同数据显示不同图标，2：选中事件 实现1：利用:class="iconClass" 实现2：vue基础 子传父$emit，父传子prop 代码：父组件index.vue <template> <view class="content" 阅读全文
摘要：
给表单快速添加条件搜索事件： 用到核心代码： computed: { personTableCompute() { if (this.searchTableInpValue) { this.persionTable.filter((data) => { console.log("tabel ", O 阅读全文
摘要：
给table内的td添加width宽度即可，宽度会根据具体等比固定，如果再多出会固定宽度，高度自适应： <table border="1"> <tr> <th>处理步骤</th> <th>处理部门</th> <th>处理人员</th> <th>处理内容</th> <th>处理时间</th> </tr 阅读全文
摘要：
texarea有原生有elment封装好的，用ele可以最快速的做表单自适应比如满屏宽度或满盒款 下面两个对比的效果： <el-form style="margin-top:20px;" ref="form" :label-position="left" label-width="80px" siz 阅读全文
摘要：
组件内传入数据，每次点击查看详情都会调用详情组件，容易出的问题是组件内调用数据实在mounted，每次挂在完，第二次组件再调用就不会再调用了。 这导致的问题是第一次点击dialog组件有数据，往后每次点击组件内的数据都不会再更新。 解决方案很简单，只要每次点击查看，重新调用下组件即可，即重新渲染组件 阅读全文
摘要：
表单布局排列比较常见，这里记录下可以做为参考 主要用到的el-row栅格-el-card卡片el-form表单 需要注意的是el-form 需要添加属性： :label-position 否则在el-col内不会两列或多列显示,只会显示在一行内 另外注意，label-width:来设置左侧说明文的宽 阅读全文
摘要：
说明： 浙里办对接有很多坑，其中埋点是必须要做的一个环节，埋点就是用来获取相关信息用的，具体写道代码内埋点成功也是要引用相关文件脚本和包的 具体的用处和说明这里不赘述，可自行参考官网，这里只给出解决坑后成功埋点的代码参考。 埋点应该打印出heander内遗传带有各种信息的字符接口，如果没有，就没有成 阅读全文