vue 点击按钮div input focus问题解决

news/2024/7/10 0:58:43 标签: vue.js, vue

<div @click="clickFocus"></div>

<input ref="inputbox" v-model="inputText" type="text" >

methods: {

        clickFocus(){

                this.$nextTick(() => this.$refs.inputbox.focus());

        },

}


http://www.niftyadmin.cn/n/1866784.html

相关文章

uni-app开发安卓app的封装get和post及页面使用

request.js页面如下 const baseUrl = "请求地址" //get请求 //get请求封装 export function getRequest(url,params){return new Promise((resolve, reject) => {uni.request({url: baseUrl + url,data: params,method:"GET",dataType:json,header:{…

uni-app自定义底部tabbar实现某个tab的显示和隐藏

自定义的tabbar可用v-if实现某个tab的显示和隐藏 页面 <view class"tab-box row acenter"><navigator class"grow1 column acenter jcenter" hover-class"none" url"" open-type"switchTab"><image class&…

uni-app修改swiper里dot的样式

注意&#xff1a;必须写在App.vue页面 <style>/* 首页的banner dot效果 */.home uni-swiper .uni-swiper-dot {width:6rpx;height:6rpx;}.home uni-swiper .uni-swiper-dot-active {width: 34rpx;border-radius: 20rpx;} </style>

uni-app修改checkbox样式

注意&#xff1a;必须写在App.vue页面 <style>uni-checkbox .uni-checkbox-input {border-radius: 50% !important;color: #ffffff !important; }uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {color: #fff;background: #1953ed;} </style>

uni-app swiper实现通知上下循环滚动

swiper实现通知上下循环滚动 <template> <view><swiper circular"true" vertical"true" autoplay"true" interval"3000" duration"1000" ><swiper-item v-for"(item,index) in noticeList"…

uni-app点击复制文本

<view><text>{{copyText}}</text><view tap"copyClick">点击复制</view> </view>//适用小程序和app的点击复制 copyClick() {uni.setClipboardData({data:this.copyText,success: function (res) {uni.getClipboardData({succes…

matlab矩阵鞍点,最大熵模型(matlab应用).ppt

非线性规划中的对偶问题 拉格朗日函数&#xff1a; 于是&#xff1a; 因此&#xff0c;为了尽量大&#xff0c;p的选取必须保证 考虑&#xff1a; 只要令lambda(i)负无穷大就行了 对偶问题与拉格朗日函数&#xff1a; 同时&#xff1a; 等价于&#xff1a; 而 可以证明&#xf…

uni-app上传图片给后台

页面 <view tap"uploadImg"><image v-if"imgSrc" :src"imgSrc"></image><view v-if"!imgSrc">点击上传</view> </view> 方法 uploadImg(){uni.chooseImage({count: 1, //默认9sizeType: [com…