- 博客(20)
- 收藏
- 关注
原创 前端插件v-viewer图像插件
简介:一款基于 viewer.js 封装的Vue版插件,可用于图像查看,以及图片的旋转、缩放等功能预览。插件的安装:该插件使用方式有:指令形式、组件形式(以下介绍组件形式)
2023-12-26 14:27:12
3346
1
原创 VUE父子组件通信双向绑定
在子组件中,我们使用$emit方法触发一个名为update:childData的自定义事件,并将子组件的childData作为参数传递给父组件。这样,父组件和子组件之间就实现了双向绑定,父组件的数据变化会同步到子组件,子组件的数据变化也会同步到父组件。这样,父组件和子组件之间就实现了双向绑定,父组件的数据变化会同步到子组件,子组件的数据变化也会同步到父组件。当子组件的数据发生变化时,通过$emit方法触发一个名为change的自定义事件,并将子组件的dialogForm作为参数传递给父组件。
2023-12-26 12:24:45
1813
原创 element $confirm 和 antDesign $confirm区分 叉号 和 取消 按钮不同事件
【代码】element $confirm 和 antDesign $confirm区分 叉号 和 取消 按钮不同事件。
2023-12-25 17:10:28
817
原创 前端vue方法导出为xsml
首先引用xlsx首先是导出方法// 导出 exportExcel() { // 格式化数据为二维数组 this.exportData = this.formatTableData() // 设置表格数据 const ws = XLSX.utils.aoa_to_sheet(this.exportData) // 新建一个工作簿 const wb
2021-09-17 16:18:26
401
原创 数组对象内还有一个对象,将最内层提到上一层来(并且key不同)
初始数据如图:数组对象内还有一个对象,并且对象key不同,将最内层提到上一层来成为这样的数据:下方为方法:
2021-09-17 15:46:29
212
原创 不为空对象使用“...“赋值造成部分数据丢失
已有数据对象使用‘…’赋值后,赋值对象如果没有被赋值对象的某些属性的话,被赋值对象有可能丢失部分属性造成无法改变该属性值与渲染。比如:下方最初implementForm数据齐全,info对象内没有implementForm表单对象的部分属性,…赋值之后导致部分属性值丢失,之后对丢失属性更改赋值无法进行。更改方法:1、使用Object.assign进行值粘贴2、使用…赋值后使用$set进行丢失属性的重新塞入...
2021-09-17 15:39:10
975
原创 el-table-column自定义列标题并换行
想要的效果图为:在想换行的地方换行第一种方法:直接在表格内使用:slot=“header”第二种方法:在标题要换行的列中添加 :render-header=“renderheader”要换行的文字后 加符号“-”(与方法中定义的符号一致)该renderheader函数为:renderheader(h, { column, $index }) { return h('span', {}, [ h('span', {}, column.label.split('-')
2021-08-26 16:03:11
1064
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人