需求:在父件中点击按钮。子件弹框中,table列根据条件显示不同的数据 实现思路:点击按钮,执行不同的方法,方法中参数值不同,从而展示不同的columns。 父件按钮如下图: 父件中导入子件需要注意的三个地方: 点击按钮后执行的方法如下: 父件要用props传递参数给子件,所以子件中要用props定义对应的参数 子件中的接口调用如下:使用queryParam封装查询条件 最后进行判断,在colum ...
2022-03-29 19:13 0 999 推荐指数:
部分代码如下 这里我是想根据字段的不同去显示一个标签,标签再添加一些其他的点击等等。 ...
昨天写程序,无意中遇到了vue子件向父组件传值的一个坑里,在此记录一下,提醒来人。 子组件触动父组件的事件传参,子组件如下: 父组件如下: 执行一下,obj为undefined, 为什么,仔细看了一遍,原来问题出在了 1.不使用圆括号,event被自动 ...
引用场景如下,列表查询时需要用到前端查询 具体实现方法如下 前面定义的变量是查询条件,this.allData表示被筛选的数据,filteData是查询结果 因为有多个地方需要用到前端查询,我们可以进行封装 在util.js里面 组件里面调用 ...
1. 概述 1.1 说明 PC项目中的页面中有时需要有页面内容匹配高亮展示效果,例如查询时关键词在结果中高亮。 1.2 思路 使用正则匹配替换,然后把高亮展示内容进行样式处理。 2. 代码 2.1 页面处理 ...
//html代码 <template> <el-col :span="20" class="codesrc"> :s ...
<template> <div class="padding20"> <div class="publicTable"> <el-table :data="configureList" border style="width ...