Vue Antd页面加载时传递查询参数到后台 - 完整示例 | 使用J-Date组件

"在Vue Antd中，可以通过在页面加载时发送请求来将queryParam.postingDate_end传递到后台。具体实现步骤如下：\n\n1. 在页面加载时，调用一个方法来发送请求。可以使用Vue的生命周期钩子函数mounted来实现。\n\njavascript\nmounted() {\n this.sendRequest();\n},\n\n\n2. 在发送请求的方法中，将queryParam.postingDate_end作为参数传递到后台。\n\njavascript\nmethods: {\n sendRequest() {\n // 发送请求的逻辑\n // 使用axios或其他请求库发送请求\n axios.post('/your-backend-url', {\n postingDateEnd: this.queryParam.postingDate_end\n }).then(response => {\n // 处理请求成功的逻辑\n }).catch(error => {\n // 处理请求失败的逻辑\n });\n }\n}\n\n\n在后台接收请求的接口中，可以通过postingDateEnd参数获取到queryParam.postingDate_end的值。\n\n注意，上述代码中的/your-backend-url需要替换为你自己的后台接口地址。另外，需要引入axios库来发送请求，你也可以使用其他的请求库。\n\n代码示例：\n\nvue\n<template>\n <div>\n <j-date placeholder="请选择结束日期" class="query-group-cust" v-model="queryParam.postingDate_end" :defaultValue="queryParam.postingDate_end"></j-date>\n </div>\n</template>\n\n<script>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nexport default {\n setup() {\n const queryParam = ref({\n postingDate_end: new Date() // 设置默认值\n });\n\n const sendRequest = () => {\n axios.post('/your-backend-url', {\n postingDateEnd: queryParam.value.postingDate_end\n }).then(response => {\n // 处理请求成功的逻辑\n }).catch(error => {\n // 处理请求失败的逻辑\n });\n };\n\n return {\n queryParam,\n sendRequest\n };\n },\n mounted() {\n this.sendRequest();\n }\n};\n</script>\n