Vue Treeselect组件根据接口数据回显到Input框
<p>///'<template>//n <div>//n <treeselect @change=///'updatecode///' v-model=///'form.voucherGroupId///' :options=///'voucherGroupFather///'></treeselect>//n <input v-model=///'form.voucherGroupId///' />//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>
原文地址: https://www.cveoy.top/t/topic/qu4V 著作权归作者所有。请勿转载和采集!