原文:vue父子件,子件页面table数据列按条件显示不同的内容

需求:在父件中点击按钮。子件弹框中,table列根据条件显示不同的数据 实现思路:点击按钮,执行不同的方法,方法中参数值不同,从而展示不同的columns。 父件按钮如下图: 父件中导入子件需要注意的三个地方: 点击按钮后执行的方法如下: 父件要用props传递参数给子件,所以子件中要用props定义对应的参数 子件中的接口调用如下:使用queryParam封装查询条件 最后进行判断,在colum ...

2022-03-29 19:13 0 999 推荐指数:

查看详情

vue 向父组件传值和参数

昨天写程序,无意中遇到了vue向父组件传值的一个坑里,在此记录一下,提醒来人。 组件触动父组件的事件传参,组件如下: 父组件如下: 执行一下,obj为undefined, 为什么,仔细看了一遍,原来问题出在了 1.不使用圆括号,event被自动 ...

Tue Nov 05 17:54:00 CST 2019 0 434
es6条件查询筛选数据

引用场景如下,列表查询时需要用到前端查询 具体实现方法如下 前面定义的变量是查询条件,this.allData表示被筛选的数据,filteData是查询结果 因为有多个地方需要用到前端查询,我们可以进行封装 在util.js里面 组件里面调用 ...

Thu Feb 27 19:42:00 CST 2020 0 1877
VUE 页面内容高亮显示

1. 概述 1.1 说明   PC项目中的页面中有时需要有页面内容匹配高亮展示效果,例如查询时关键词在结果中高亮。 1.2 思路   使用正则匹配替换,然后把高亮展示内容进行样式处理。 2. 代码 2.1 页面处理 ...

Mon Jun 08 17:06:00 CST 2020 0 1680
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM