菜菜子。-CSDN博客

原创 vue中checkbox组件的@change事件触发父组件的冒泡事件

【代码】vue中checkbox组件的@change事件触发父组件的冒泡事件。

2023-05-06 16:35:54 1250

原创【ant-design】Tree组件子节点不完全勾选获取父节点的值

需要把协同管理的ID一起传给后台，但是ant的tree组件的checkedvalue只会选择到请假管理的ID，所以我们需要在执行check的时候。但是这样做的话，当我们在编辑的时候后台数据也会返回给我们一个父节点ID导致组件会默认全部勾选，所以我们要对返回的选中id组合进行筛选。我们在实际操作tree组件和后台交互的时候一般都是需要将父节点传过去，如图。

2023-04-20 09:22:25 845

原创 ant-design-vue的form表单全局禁用问题

定义一个可接收的参数来判断是否为disabled，然后为dom添加class属性。给class设置一个样式就可以。

2023-03-30 14:29:07 2544

原创快速拿到数组对象中的所有id的值并组成新的字段

有些时候针对于一些需求我们需要把不同对象组成的数组转化成单独的数组，例如const objArr = [{id:1,value:1},{id:2,value:2}]把objArr中所有的id值单独拿出来并组成新的数组的方法为const newArr = objArr.map((item)=>{item.id})console.info(newArr) //[1,2]map 在数组中是指“映射”，也就是原数组被“映射”成对应新数组使用map就可以很方便的转化成所需要的新数组了map()

2021-07-20 14:39:48 4849 1

原创隐藏所有指定的元素

const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));// 隐藏页面上所有`<img>`元素hide(document.querySelectorAll('img'))

2021-05-12 10:12:05 94

原创获取元素中的所有图像

const getImages = (el, includeDuplicates = false) => { const images = [...el.getElementsByTagName('img')].map(img => img.getAttribute('src')); return includeDuplicates ? images : [...new Set(images)];};// includeDuplicates 为 true 表示需要排除重复元素

2021-05-12 10:08:46 131

原创 vue中使用import引入的（方法）function

vue3种使用import引入的方法vue3废弃了过滤器的写法，但是很多时候我们对数据进行处理的时候是需要一些转化的，比如我最近遇到的时间转化的问题。刚开始我的做法是然后在用的地方引入一开始的时候我在用的地方直接用了然而。。控制台报错是这样的研究一番之后发现是html里面的内容引用的function必要要export default之后才能使用，所以vue3的话就是把import的方法return 出去就可以vue2的话就是在methods里面声明一下也可以这样就可以在html中使用imp

2021-04-08 10:22:19 6755

原创 vue-router无父级模块，不显示子级页面问题

vue-router 在用同一个父路由，但是子路由页面完全不相同时，也就是说这个时候父路由不存在任何共同的元素，父路由也就存在component，但是不用component页面又不会显示任何内容。目前已知的解决办法有两个，第一种1.新建一个空白component，然后在里面写router-view标签2.path: 'apps', redirect: '/app-manage/apps/index', meta: { title: '应用中心', icon: 'bpm-block' }, co

2021-04-01 17:31:25 777

原创 element的el-input-number的默认值的问题

el-input-number默认值为0 的问题很多时候我们需要用到el-input-number来限制输入框智能输入数字，例如价格之类的，但是用了e l-input-numer的时候把默认值设为空和null都不生效，默认的值仍然显示0<el-input-number :controls="false" :precision="2" :min="0" :max="100000000" v-model="price" ></el-input-number>data(){ ret

2021-03-18 12:04:04 16177 4

原创 element的可展开表格点击行数据的时候获取父级数据

很多实际业务和需求在用element表格的时候其实是需要用到可展开的表格的，例如我最近遇到的一个需求章下面会分为很多节，如果我编辑的是节类型的话，那我需要同时传递章ID和节ID，这个时候我就需要拿到这一节的章的ID，代码来说就是我需要拿到点击的当前行的父级数据``this.tableData.forEach((item) => {//判断该行是否有子节点if (“classList” in item) {//遍历子节点item.classList.forEach((item2) =&g

2021-03-17 16:39:06 2895 1

原创 element的表单二级字段校验

element的表单二级字段校验很多后台管理系统项目基本都用到vue+element组件校验，但是有时候有一些特殊的情况，类似选中某个指定的字段之后才会显示更多的字段，并且有些字段必填，这个时候的校验方式其实也比较简单。例如这里在选择是的时候字段较少，但是当选择否的时候多出一些其他的字段校验。上代码// An highlighted blockvar foo = 'bar'; <el-form-item label="开始时间" prop="videoLive.videoStartTi

2021-03-17 16:22:26 801

Cainannan1995的博客