element中的级联选择器加入input框遇到的问题

el-cascader级联选择器的节点加入input框,会出现每输入一个字符,就会失去焦点,怎么解决

<el-cascader-panel
      v-model="selectedIdList"
      :options="options"
      :props="props"
      @change="change"
      @expand-change="expandChange"
      v-loading="loading"
      ref="cascaderRef"
    >
      <template slot-scope="{ data }">
        <div v-if="data.productId" >
          <span>{{ data.label }}</span>
          <span style="margin-left: 10px" v-if="data.checked">活动库存:</span>
          <el-input
            v-if="data.checked"
            type="number"
            style="width: 100px"
            v-model="data.productStock"
            placeholder="库存"
          ></el-input>
          <span style="margin-left: 10px" v-if="data.checked">活动价格:</span>
          <el-input
            v-if="data.checked"
            type="number"
            style="width: 100px"
            v-model="data.productPrice"
            placeholder="价格"
          ></el-input>
        </div>
      </template>
    </el-cascader-panel>


我觉得可能是重绘引起的,但是不知道怎么解决