poptip 外面 放 input 使用 iview vue

外层套的是 spa

<FormItem prop="name" label="姓名:">
<Input v-model="tFill.name"
                 @on-change="nameInputChange" />
          <Poptip ref="namePoptip"
                  class="namePoptipClass"
                  v-model="namePoptipVmodel"
                  placement="bottom-start">
            <div slot="content">暂无数据</div>

          </Poptip>

 

.namePoptipClass {
  position: absolute; // 让内置的div 跳出来 不占用流位置
  margin-top: 16px; // 调整距离上面的高度,由于高为0了,因此要调整
  left: 0; // 修正跳出后 左侧的位置
  height: 0; // 调整高度,不遮挡流的 input
}
相关文章
相关标签/搜索