The u-collapse component of uniapp mobile uview is highly init

1、 When there are no embedded sub components in the panel, directly follow the official website

<u-collapse ref="xxxxxx111">
			<u-collapse-item name="basicInform" title="xxx">
				<xxxxx></xxxx>
			</u-collapse-item>
			<u-collapse-item name="collectDetail" title="xxx">
				<xxxxx></xxxxx>
			</u-collapse-item>
		</u-collapse>

Function

this.$nextTick(() => {
						this.$refs."xxxxxx111.init()
					})

2、 When embedding sub components, the situation is more complicated , Installing the above method will close the sub components , The following methods are sufficient
With the help of sub components, the loading height in the event of passing values to the parent component

<u-collapse ref="test1" accordion :value="foldComponent">
			<u-collapse-item name="tt1"  >
				<mytest title=" test "></mytest>
			</u-collapse-item>
			<u-collapse-item name="tt2" title=" test ">
				<mytest1 @loadHeight="loadHeight"></mytest1>
			</u-collapse-item>

The data layer

data() {
			return {
				foldComponent:"",// Folding assembly 
			}
		},

Method layer

loadHeight(data) {
				console.log(" Calculate the height ")
				console.log(data)
				if (data == 'computeHeight') {
					this.foldComponent="tt2"
					this.$nextTick(() => {
						this.$refs.test1.init()
					})
				}
			}