在`form-create`使用场景下，获取`fetch`请求返回并赋值给`state.bbList`的数据，可以在合适的时机访问`state.bbList.value`。在`form-create`中，当`fetch`请求完成后，数据会被赋值给`state.bbList`。以下是几种获取数据的方式： #### 在事件处理函数中获取 可以在表单提交等事件处理函数中获取`state.bbList`的值。例如在`onSubmit`函数中： ```vue <template> <form-create v-model="formData" v-model:api="fapi" :rule="rule" :option="option" @submit="onSubmit" ></form-create> </template> <script setup> import { ref } from "vue"; import formCreate from "@form-create/element-ui"; const state = { bbList: ref([]) }; const option = ref(formCreate.parseJson('{"form":{"inline":false,"hideRequiredAsterisk":false,"labelPosition":"right","size":"default","labelWidth":"125px"},"resetBtn":{"show":false,"innerText":"重置"},"submitBtn":{"show":true,"innerText":"提交"}}')); const rule = ref(formCreate.parseJson('[{"type":"fcRow","children":[{"type":"col","props":{"span":12},"children":[{"type":"select","field":"Frdsmn7aldlgahc","title":"输入框","info":"","effect":{"fetch":{"parse":"[[FORM-CREATE-PREFIX-function (res, rule, api){\\nstate.bbList.value = res.rows;\\n}-FORM-CREATE-SUFFIX]]","beforeFetch":"","onError":"","to":"options","action":"https://tykg.october3d.com/api/Main/DataInterface?XDLMSID=DYBH202210141219191919212701&XDLMCID=1001&XAction=GetDataInterface&XKLX=tykg","method":"GET","dataType":"json","headers":{"authorization":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOjE3NzQ1MTg2MDA0OTksImlzcyI6InhkIiwiaWF0IjoxNzc0NTE4NjAwLCJzdWIiOiIxNjg4NDk1NyIsInVpZCI6IjM1NjciLCJ1emoiOiJERVNLVE9QLVFDRDJKQTIiLCJmaXAiOiJBTEwiLCJleHAiOjE3NzQ1NDc0MDAsInVncSI6IjIwMjnlubQx5pyIMeaXpSIsInVxeCI6IjUiLCJ1cHUiOiJCRkVCRkJGRjAwMDUwNjU0IiwidXRhYmxlIjoieGRVc2VyTGlzdCIsInVuYW1lIjoiYWRtaW4iLCJ1aXAiOiIxLjgwLjE1MS41MCIsInhrbGsiOiJNSVJBR0VVU0VSIn0.XbIQrMemeA6Idy4nvl-s3UYnLOrNxaTGnOlZdB1MOqU"},"query":{},"data":{}}},"$required":false,"props":{"_optionType":1},"_fc_id":"id_F7q5mn7am4zkaoc","name":"ref_Fux9mn7aldlgajc","display":true,"hidden":false,"_fc_drag_tag":"select"}],"_fc_id":"id_Frspmn7alckcadc","name":"ref_Fxbsmn7alckcaec","display":true,"hidden":false,"_fc_drag_tag":"col"},{"type":"col","props":{"span":12},"_fc_id":"id_Fnpimn7alckcafc","name":"ref_Fvzvmn7alckcagc","display":true,"hidden":false,"_fc_drag_tag":"col"}],"_fc_id":"id_F60xmn7alckcabc","name":"ref_Fn4rmn7alckcacc","display":true,"hidden":false,"_fc_drag_tag":"fcRow"}]')); const fapi = ref(null); const formData = ref({}); const onSubmit = (formData) => { const bbListValue = state.bbList.value; console.log('bbList的值为:', bbListValue); // 可以在这里进行其他操作 }; </script> ``` #### 在`watch`中获取 可以使用`watch`监听`state.bbList`的变化，并在变化时进行相应处理。 ```vue <script setup> import { ref, watch } from "vue"; import formCreate from "@form-create/element-ui"; const state = { bbList: ref([]) }; // ... 其他代码 ... watch(state.bbList, (newValue) => { console.log('bbList发生变化，新的值为:', newValue); // 可以在这里进行其他操作 }); </script> ```