<p>///'<template>//n  <div>//n    &lt;treeselect @change=///'updatecode///' v-model=///'form.voucherGroupId///' :options=///'voucherGroupFather///'&gt;</treeselect>//n    &lt;input v-model=///'form.voucherGroupId///' /&gt;//n  </div>//n</template>//n//n<script>//n export default {//n  data() {//n    return {//n      voucherGroupFather: [],//n      form: {//n        voucherGroupId: '',//n      },//n    };//n  },//n  created() {//n    this.getVoucherGroupFather();//n  },//n  methods: {//n    getVoucherGroupFather() {//n      // 调用接口getVoucherGroupFather,并将返回的数据赋值给voucherGroupFather//n      // 示例代码,假设接口返回的数据是一个数组//n      this.voucherGroupFather = ['编码1', '编码2', '编码3'];//n    },//n    updatecode() {//n      // 更新input框中的值//n      // 示例代码,将选中的treeselect的编码赋值给input框//n      this.form.voucherGroupId = this.form.voucherGroupId;//n    },//n  },//n};//n</script>//n///</p>
Vue Treeselect组件根据接口数据回显到Input框

原文地址: https://www.cveoy.top/t/topic/qu4V 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录