input宽度随文字变化而变化uniapp

最新推荐文章于 2024-06-17 17:31:08 发布

没有昵称的昵称lf

最新推荐文章于 2024-06-17 17:31:08 发布

阅读量1.9k

点赞数

分类专栏： uniapp 文章标签： javascript

本文链接：https://blog.csdn.net/m0_48308579/article/details/121012692

版权

uniapp 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

该博客介绍了如何在uniapp中实现input输入框的宽度随着文字内容的变化而动态调整，通过设置样式和监听input事件，确保输入框宽度最大不超过90%。示例代码展示了如何结合数据绑定和事件处理来实现这一功能。

摘要由CSDN通过智能技术生成

input宽度随文字变化而变化uniapp

<input type="text" placeholder-style="color:#999;" :value="inputValue" placeholder="搜索"
						:style="'width:'+String(inputValue).length*10+'px;max-width:90%'" @input="onInput" />

data() {
	return {
		inputValue: "搜索",
	};
},
onInput: function(e) {
    console.log(e.detail.value)
	var self = this;
	self.setData({
		inputValue: e.detail.value
	});
},

没有昵称的昵称lf

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
input宽度随文字变化而变化uniapp

input宽度随文字变化而变化uniapp<input type="text" placeholder-style="color:#999;" :value="inputValue" placeholder="搜索" :style="'width:'+String(inputValue).length*10+'px;max-width:90%'" @input="onInput" />data() { return { inputValue: "搜索", };},o
复制链接

扫一扫

专栏目录