form-create
form-create copied to clipboard
beforeFetch全局配置不触发
"vue": "^3.3.4", "@form-create/element-ui": "^3.1.27", "element-plus": "2.2.0",
select组件配置fetch请求数据,但是全局配置的beforeFetch钩子不触发
<template>
<FormCreate :rule="rule" :option="options" v-model="formData" v-model:api="fApi"></FormCreate>
</template>
<script setup>
//导入 form-create
import formCreate from "@form-create/element-ui";
import install from '@form-create/element-ui/auto-import'
formCreate.use(install);
import {ref} from "vue";
//获取 formCreate 组件
const FormCreate = formCreate.$form();
const fApi = ref({});
const formData = ref({});
const options = ref({
//表单提交事件
onSubmit: function (formData) {
console.log(fApi.value.getRule('goods_name2'), 'test')
console.log(fApi.value.getRule('object'), 'test')
},
beforeFetch: function() {
console.log('run111111111111111111111111111111111111111111111111111111111111111111111111111111')
}
});
const rule = ref([
{
type: 'select',
field: 'city',
title: '城市',
value: '陕西省',
options: [],
effect: {
fetch: {
action: 'http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/100000_province.json',
to: 'options',
method: 'GET',
parse(res) {
return res.rows.map(row => {
return {
label: row.name,
value: row.adcode
}
})
}
}
}
}
]);
</script>
这是个bug,下个版本修复
fetch 里面的action 'http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/{id}_province.json', 里面的url 要动态设置 要怎么处理?比如里面需要动态设置{id}