大图APP
大图APP
  • 发布:2020-01-20 11:29
  • 更新:2020-01-20 11:29
  • 阅读:814

nvue list 组件下 header内放input,点击输入唤起键盘时输入文本无效

分类:nvue

nvue list 组件下 <header>内放<input,点击输入唤起键盘时 光标自动离开了 input,导致输入文本无效....

<template>  
    <list class="show" @loadmore="loadMore" loadmoreoffset="20">  
        <refresh class="refresh" @refresh="onRefresh" @pullingdown="onPullingDown" :display="refreshing ? 'show' : 'hide'">  
            <text class="refresh-text">{{refreshText}}</text>  
        </refresh>  
        <header class="typeMenu ">  
            <div class="show_search">  
                <input class="search_input" type="text" @confirm="search" @input="search" placeholder="请输入明星姓名或关键词搜索" />  
            </div>  
        </header>  
        <cell class="show_item flex-row" v-for="(vo1,index) in actor" :key="index" :item-id="index">  
            <image class="show_item_image round" :src="imgUrl(vo1.actor_pic)" mode=""></image>  
        </cell>  
        <cell class="loadmore">  
            <text class="loadmore-text" v-if="loading">{{loadingText}}</text>  
        </cell>  
    </list>  
</template>
2020-01-20 11:29 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复