mpvue project
in order to facilitate the rapid creation of form items and unify the style, I have customized a form item component
iFormItem.vue
<template>
<div class="i-form-item bgfff">
<div class="form_item_label c35">{{label}}</div>
<div class="form_item_content">
<slot></slot>
</div>
</div>
</template>
it can be used directly after registration when other pages are using it
<i-form-item label="">
<input type="text" placeholder="" v-model="args.name" />
</i-form-item>
there is no problem with using input components, but not when changing picker components
<i-form-item label="">
<picker class="picker" mode="selector" :value="fromIndex" :range="fromPlaces" range-key="name" @change="onFromChange">
{{fromPlaces[fromIndex].name}}
</picker>
</i-form-item>
found that range and value are empty during preview
if you put this picker outside the iFormItem component and it will display normally, why do you lose it when you put it inside?