fz_leaves-CSDN博客

原创 Vue单文件组件中多个同名的ref属性，this.$refs的取值及其使用注意事项

Vue官方文档： ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。1 当同一组件内部，有多个同名ref引用时this.$refs[ref名称]指向文档流中靠下的组件或DOM节点，若是ref相同的组件或DOM节点间是父子关系，则指向父级组件或DOM节点。1.1 this.$refs[ref名称]指向文档流中靠下的组件或DOM节点：<template&gt

2021-01-04 14:12:31 36268 1

原创 elementUI中upload上传组件点击上传按钮，选择文件框弹出前进行提示点击确定则继续弹框选择文件上传

上传组件点击按钮后会直接弹出选择文件框，那么在这中间文件框弹出之前想要进行提示或者进行其他操作怎么办呢其实实现起来很简单，既然el-upload中的button按钮点击会直接弹出文件选择框，那么我将按钮放在外面模拟上传按钮，提示或操作完成后再触发上传，弹出文件选择框继续上传即可。点击按钮，若没有选择需求，则会弹出确认框我的需求是上传之前需要有个下拉选需要勾选，如果没有勾选，或先弹出一个确认提醒框提示回去选择还是继续上传。上代码template<el-upload class="upl

2020-12-30 15:27:36 13524 3

原创 elementUI的表格单元格合并

在Vue项目中使用elementui的el-table列表，从后台请求的列表动态数据其中有版本和任务两个字段（列）都会有重复，需要合并行单元格查看elementui文档，可以给 el-table 传入一个 span-method 方法，接收一个参数{ row, column, rowIndex, columnIndex }，四个属性分别为当前行数据，当前列数据，当前行号，当前列号。方法返回一个数组 [rowspan, colspan] 或者对象 { rowspan: 0, colspan: 2 }，表示

2020-12-29 19:13:28 1357 3

原创 ifram子页面与父页面之间的传值

相信很多小伙伴在项目中都会遇到需要嵌入外链页面的情况，这时候很可能会遇到一个问题，就是如何在iframe子页面自己的项目页面之间传值，特别是跨域的情况1. 同域的情况1.1 相互获取dom元素1.1.1 在父页面获取子页面的dom元素：//先获取 iframe,再在iframe所在的 document 找 dom 元素，根据id查找；document.getElementById('iframe‘).contentWindow.document.getElementById(‘domId’);1

2020-12-01 17:41:51 2757 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人