github
/
jeecg-boot-vue3
mirror of https://github.com/jeecgboot/jeecgboot-vue3
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

解决 在线报表开发中，vue3 动态参数不生效，且少一次网络请求的问题

pull/144/head
qiyf 2022-08-25 17:03:03 +08:00
parent a0d590c2e7
commit cbb1f40c2b
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/jeecg/OnLine/hooks/usePopBiz.ts
View File

@ -5,7 +5,7 @@ import { filterMultiDictText } from '/@/utils/dict/JDictSelectUtil.js';
import { useMessage } from '/@/hooks/web/useMessage'; import { useMessage } from '/@/hooks/web/useMessage';
import { OnlineColumn } from '/@/components/jeecg/OnLine/types/onlineConfig'; import { OnlineColumn } from '/@/components/jeecg/OnLine/types/onlineConfig';
import { h } from 'vue'; import { h } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter, useRoute } from 'vue-router';
import { useMethods } from '/@/hooks/system/useMethods'; import { useMethods } from '/@/hooks/system/useMethods';
import { importViewsFile } from '/@/utils'; import { importViewsFile } from '/@/utils';
@ -405,6 +405,7 @@ export function usePopBiz(props, tableRef?) {
// 获取路由器对象 href跳转用到 // 获取路由器对象 href跳转用到
let router = useRouter(); let router = useRouter();
let route = useRoute();
/** /**
* href 点击事件 * href 点击事件
* @param field * @param field
@ -512,6 +513,7 @@ export function usePopBiz(props, tableRef?) {
//查询条件加载后再请求数据 //查询条件加载后再请求数据
if (data) { if (data) {
setDataSource(data); setDataSource(data);
loadData(1);
} else { } else {
//没有传递data时查询数据 //没有传递data时查询数据
loadData(1); loadData(1);
@ -531,6 +533,7 @@ export function usePopBiz(props, tableRef?) {
pagination.current = 1; pagination.current = 1;
} }
let params = getQueryParams(); //查询条件 let params = getQueryParams(); //查询条件
console.log('params', params);
loading.value = true; loading.value = true;
let url = `${configUrl.getData}${unref(cgRpConfigId)}`; let url = `${configUrl.getData}${unref(cgRpConfigId)}`;
//缓存key //缓存key
@ -598,6 +601,8 @@ export function usePopBiz(props, tableRef?) {
queryParam.value = { ...queryTemp }; queryParam.value = { ...queryTemp };
} }
let dynamicTemp = {}; let dynamicTemp = {};
props.param = { ...route.query };
// console.log('props', props);
if (props.param) { if (props.param) {
Object.keys(props.param).map((key) => { Object.keys(props.param).map((key) => {
let str = props.param[key]; let str = props.param[key];
@ -611,7 +616,10 @@ export function usePopBiz(props, tableRef?) {
dynamicTemp[key] = props.param[key]; dynamicTemp[key] = props.param[key];
}); });
} }
// dynamicTemp['name'] = '小红帽4——prod';
dynamicParam.value = { ...dynamicTemp }; dynamicParam.value = { ...dynamicTemp };
console.log('dynamicTemp', dynamicTemp);
console.log('dynamicParam', dynamicParam.value);
} }
/** /**