正常來說點擊uniapp的input框時默認會彈起鍵盤。具體input設置屬性可以看官方文檔：https://uniapp.dcloud.io/component/input?id=input

• 問題：像微信pyq點擊評論區或回復評論鍵盤跟著彈起

• 思路：點擊其他區域能夠喚起input的@focus，使input的focus為true即可

• 代碼實現：

父：（記得先引入子組件😉）

<view @click="tocommit(item.id)">評論區</view><!-- 底部輸入框 --><input-box :commit="commit" @submit="submit"></input-box>

methods中：

//鍵盤彈起tocommit(x){//通過commit傳給子子告訴子用戶點擊評論區要評論this.commit=true;//這里的dyid是請求接口的時候用來告訴接口評論或回復的是那一條this.dyid=x;console.log(this.dyid)},//評論submit(val) {console.log(val);if(val!=''){let data={dynamicId:this.dyid//動態ID}//接口調用this.$ajax.post(data).then(res=>{if(res.data.success){console.log(res);//評論完之后再調用一次查看所有評論的接口更新頁面評論數據this.getComment();}else{}})}else{this.$util.tips("評論文字不能為空")}}

子：

<!-- 評論輸入框 --><view class="input-box u-f-ac u-f-jsa"><input type="text" confirm-type="發送" v-model="val" placeholder="說點什么吧" @confirm="send" :focus="commit"/><view class="view-btn"><button type="primary" @tap="send">發送</button></view></view> <script>export default{data() {return {val: ''}},props:['commit'],methods:{send(){this.$emit("submit",this.val)this.val = '';}}} </script>

樣式部分僅供參考

<style lang="scss" scoped>.input-box{position: fixed;bottom: 0;left: 0;right: 0;height: 108rpx;box-sizing: border-box;padding: 20rpx;border-top: 1px solid rgba(204,204,204,.4);background-color: #fff;input{// border-radius: 30rpx;border: 1px solid #EEEEEE;background: #EEEEEE;padding-left: 20rpx;padding-top: 10rpx;padding-bottom: 10rpx;flex: 1;margin-right:20rpx;}.view-btn{width: 80px;}button{background-color:#FFC000;font-size: 14px;}} </style>

總結

以上是生活随笔為你收集整理的点击评论区让键盘弹起uni-app的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。