avue —crud emitpath: false 保存最后辖区县code 但是不回显 怎么办 需要拼一个数组吗

Question

avue —crud 多联级cascader中emitpath: false 保存最后辖区县code 但是不回显 怎么办 需要拼一个数组吗

{
            label: "项目所在地",
            prop: "objectAddress",
            type: "cascader",
            hide: true,
            labelWidth: 90,
            emitpath: false
            rules: [{ required: true, message: "请选择城市", trigger: "blur" }],
            props: {
              label: 'name',
              value: 'code'
            },
            lazy: true,
            lazyLoad (node, resolve) {
              let stop_level = 2;
              let level = node.level;
              let data = node.data || {}
              let code = data.code;
              let list = [];
              let callback = () => {
                resolve((list || []).map(ele => {
                  return Object.assign(ele, {
                    leaf: level >= stop_level
                  })
                }));
              }
              if (level == 0) {
                axios.get(`/api//region/select`).then(res => {
                  list = res.data.data;
                  callback()
                })
              } else if (level == 1) {
                axios.get(`/api/region/select/?code=${code}`).then(res => {
                  list = res.data.data;
                  callback()
                })
              } else if (level == 2) {
                axios.get(`/api//region/select?code=${code}`).then(res => {
                  list = res.data.data;
                  callback()
                })
              } else {
                callback()
              }
            },
          },

Answer 1

该回答引用自GPT-3.5,由博主GISer Liu编写：

根据你的描述，问题主要在于需要保存最后辖区县的 code，但是不需要在页面上显示出来，而是需要拼接成一个数组。我理解的解决思路如下：

1. 在保存数据时，获取最后一个辖区县的 code，并将其保存在一个变量中。
2. 在需要显示的地方，使用这个变量来拼接成一个数组，然后显示出来。
   在你的代码中，可以按照以下方式进行修改：
   javascriptCopy code

   data() {
   return {
   // 新增一个变量，用于保存最后一个辖区县的 code
   lastRegionCode: '',
   ...
   }
   },
   methods: {
   save() {
   // 在保存时，获取最后一个辖区县的 code 并保存在 lastRegionCode 中
   this.lastRegionCode = this.formData.objectAddress.slice(-1)[0];
   ...
   },
   getObjectAddress() {
   // 在需要显示的地方，拼接成一个数组并显示出来
   if (this.lastRegionCode) {
   axios.get(`/api/region/select/?code=${this.lastRegionCode}`).then(res => {
   const region = res.data.data;
   this.formData.objectAddress = [...this.formData.objectAddress, region];
   });
   }
   },
   ...
   }
   

   在这个修改中，我们在保存数据时将最后一个辖区县的 code 保存在 lastRegionCode 变量中，在需要显示的地方，将这个 code
   通过接口获取到对应的区域信息，并拼接到 formData.objectAddress 中，从而实现了保存最后一个辖区县 code
   并在页面上显示的需求。

如果该回答解决了您的问题，请采纳！如果没有，请私信联系或评论您的疑惑