美文网首页
编辑回显下一个下拉要请求上一个下拉的id,如何回显?

编辑回显下一个下拉要请求上一个下拉的id,如何回显?

作者: 南漂一枚 | 来源:发表于2021-05-11 15:25 被阅读0次

答案:

新增接口增加dataTableOneId 字段获取id。

getFieldByOneId (id) {

      this.quotaForm.dataTableOneId = id

      this.formFieldOneList.splice(0)

      this.quotaForm.dataColumnOne = ''

      const params = {

        dataGovernanceMainTableId: id,

        keyword: '',

        page: 1,

        size: 999999

      }

      getDataField(params).then(res => {

        this.formFieldOneList = res.records

      }).catch(() => {})

    },

点击optiion的时候就传id到上面去,保持在data中,不要在html中显示。

用监听器监听这个字段

'quotaForm.dataTableOneId': {

      deep: true,

      handler: function (newV, oldV) {

        const params = {

          dataGovernanceMainTableId: newV,

          keyword: '',

          page: 1,

          size: 999999

        }

        getDataField(params).then(res => {

          this.formFieldOneList = res.records

        }).catch(() => {})

      }

    },

数据变化请求接口即可。

这里id和v-mode的值不统一。造成了这样的问题。

相关文章

网友评论

      本文标题:编辑回显下一个下拉要请求上一个下拉的id,如何回显?

      本文链接:https://www.haomeiwen.com/subject/agzgdltx.html