collapse配合van-field引起的bug:
<van-collapse-item title="标题1" name="1">
<van-field
v-model="value1"
rows="2"
:autosize="{ maxHeight: 100, minHeight: 50 }"
type="textarea"
maxlength="500"
placeholder="请输入"
show-word-limit
/>
</van-collapse-item>
<van-collapse-item title="标题2" name="2">
<van-field
v-model="value2"
rows="2"
:autosize="{ maxHeight: 100, minHeight: 50 }"
type="textarea"
maxlength="500"
placeholder="请输入"
show-word-limit
/>
</van-collapse-item>
.......多个van-collapse-item嵌套van-field
这样会导致最后一个van-collapse-item展不开
解决:
blur() {
const tem = this.$refs.blurinput.adjustSize
this.$refs.blurinput.adjustSize = () => {
console.log(55555)
}
setTimeout(() => {
this.$refs.blurinput.adjustSize = tem
})
},
<van-field ref="blurinput" v-model="test" rows="2" autosize type="textarea" maxlength="500"
placeholder="请输入" show-word-limit @blur="blur" />