iview中modal对话框中input标签与其他标签不兼容

Question

<template>
  <Modal
    width="50%"
    v-model="refund"
    title="退货操作"
    @on-ok="confirmRefund"
    @on-cancel="refundNumber">
    <div class="column">
      <i-Input search enter-button="确认" placeholder="输入订单号"  size="large" id="refund"/>
      <i-Table :columns="columns1" :data="data1"></i-Table>
    </div>
  </Modal>
</template>

    只要对话框中input在上面table就无法显示，input放在table下就正常，
    这个问题是什么导致的

Answer 1

这个应该是css问题，你可以尝试从f12调试看看html结构和css属性