uniapp写出文本域,右下角并限制字数200

news2024/11/25 15:58:54

<view class="textarea_box">
	<textarea class="textarea" placeholder="请填写10字以上的问题描述,以便我们更好的帮助您解决问题,提高产品质量。" placeholder-style="font-size:28rpx" maxlength="200" @input="descInput" v-model="desc" />
	<view class="num">{{ desc.length }}/200</view>
</view>

js代码  在data中定义一个变量desc 

 desc: '',
descInput(e) {
    console.log(e.detail.value.length, '输入的字数')
},

 样式:

.textarea_box{
    padding: 20rpx;
    background-color: #F2F2F2;
    /deep/ .uni-textarea-textarea{
        font-size: 28rpx;
        line-height: 45rpx;
    }
    .num{
        text-align: right;
        color: gray
    }
}
 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/666134.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

图片怎么压缩到200K以内?来试试这几种压缩方法

怎么把图片压缩到200K以内呢&#xff1f;在日常生活中&#xff0c;不管是工作还是出门游玩&#xff0c;都会使用图片&#xff0c;当这些图片的内存太大时&#xff0c;保存和发送会成为一种难题&#xff0c;有的网站甚至无法上传超过一定内存的照片&#xff0c;那么我们怎么给照…

组态王与FX5u之间EtherNet/IP无线以太网通信

在实际系统中&#xff0c;同一个车间里分布多台PLC&#xff0c;通过上位机集中控制。通常所有设备距离在几十米到上百米不等。在有通讯需求的时候&#xff0c;如果布线的话&#xff0c;工程量较大耽误工期&#xff0c;这种情况下比较适合采用无线通信方式。 本方案以组态王和2…

磨刀不误砍柴工,五款让你事半功倍的软件

有句老话这样讲&#xff0c;工欲善其事&#xff0c;必先利其器&#xff0c;好的工具可以让你工作起来事半功倍。 网页收藏夹——Pocket Pocket是一款用于保存和阅读网页的工具。它可以让你把你感兴趣的网页保存到你的账户中&#xff0c;并提供多种功能和选项来优化你的阅读体…

PHP初中英语在线考试系统的设计与实现-计算机毕设 附源码87564

PHP初中英语在线考试系统的设计与实现 摘 要 本文研究的初中英语在线考试系统主要功能模块包括&#xff1a;学生用户管理、考试信息、成绩分析、通知公告管理&#xff0c;采取面对对象的开发模式进行软件的开发和硬体的架设&#xff0c;能很好的满足实际使用的需求&#xff0c;…

【深度学习】4-2 误差反向传播法 - 简单层的实现(层的介绍)

下面把构建神经网络的“层”实现为一个类。这里所说的“层”是神经网络中功能的单位。 下面先从一些简单的层开始介绍 乘法层的实现 层的实现中有两个共通的方法(接口)forward()和backward()。 forward() 对应正向传播 backward() 对应反向传播 现在来实现乘法层。看下面代…

SpringBoot 如何使用 Servlet 容器

SpringBoot 如何使用 Servlet 容器 SpringBoot 是一个非常流行的 Java 开发框架&#xff0c;它提供了一个简单而强大的方式来创建基于 Servlet 容器的 Web 应用程序。本文将介绍 SpringBoot 中如何使用 Servlet 容器。 Servlet 容器简介 Servlet 容器是指能够运行 Servlet 和…

一文带你认识FPGA LCMXO2-7000HC-4FG484C 带你深入了解其原理及特点

莱迪思深力科 LCMXO2-7000HC-4FG484C MachXO2系列 可编程逻辑器件 (PLD) 由六个超低功耗、即时启动、非易失性 PLD 组成&#xff0c;可提供 256 至 6864 个查找表 (LUT) 的密度。MachXO2 系列 PLD 提供多种特性&#xff0c;例如嵌入式块 RAM (EBR)、分布式 RAM 和用户闪存 (UFM…

linux端口数量上限65535原因;linux服务端最大连接数量可以超过65535

概述 关于端口数量&#xff0c;大家都知道最多是65535个端口。 这个来源于标识端口号的变量是16位的&#xff0c;那么就是65536个&#xff0c;去掉0这个特殊端口&#xff0c;剩下65535个&#xff0c;所以理论上最大可用数量是65535。 但是实际中还有一些特殊端口已经定义好用…

sourceTree代码回滚

记一次惊心动魄的代码回滚记录&#xff01; 背景&#xff1a; 因为test分支进行Jenkins代码构建的时候发现文件引入的两个已安装的依赖没有找到&#xff0c;构建报错 可是我明明已经安装成功&#xff0c;并且package.json中也有了版本记录&#xff0c;可就是构建失败&#xf…

面试官:“同学,你做的这几个项目都不错。但怎么问QPS你就胡说呢?”

作者&#xff1a;小傅哥 博客&#xff1a;https://bugstack.cn 沉淀、分享、成长&#xff0c;让自己和他人都能有所收获&#xff01;&#x1f604; 这位同学&#xff0c;你比上一位面试者好多了&#xff0c;你的简历中做的几个项目都不错。既有业务项目&#xff0c;也有技术项目…

电子签名软件有哪些?10大电子签名平台盘点

目录 一、电子签名软件有哪些 1.e签宝&#xff1a;国内签名领域老大哥 2.上上签&#xff1a;开创SaaS电子签极简模式 3.法大大&#xff1a;数智化签约管理平台 4.数字认证&#xff1a;中国电子认证第一股 5.契约锁&#xff1a;主攻中大型客户无缝集成各类系统 6.安心签&…

持有NPDP产品经理证书可以加薪吗?

NPDP(New Product Development Professional)是指产品经理国际资格认证&#xff0c;由美国产品开发与管理协会&#xff08;PDMA&#xff09;所发起的唯一国际公认新产品开发专业认证。NPDP是集理论、方法与实践为一体的全方位知识体系&#xff0c;为公司组织层级进行规划、决策…

破圈丨2023年绿色积分消费返利:云联惠3.0升级版【循环购】商业模式

破圈丨2023年绿色积分消费返利&#xff1a;云联惠3.0升级版【循环购】商业模式 京东供应链商品/自营商品/供应商商品 平台上面产品超过300w款产品&#xff0c;均为京东供应链货品&#xff0c;由京东统一仓储和配送&#xff0c;从源头上面杜绝假冒伪劣产品的存在&#xff0c;然…

AI绘图是什么技术?前景如何?

大家好&#xff0c;我是权知星球&#xff0c;人工智能最近大火&#xff0c;各大应用领域层出不穷&#xff0c;今天跟大家讨论一下AI绘图是什么技术&#xff1f;前景如何&#xff1f; 人工智能绘图是什么&#xff1f; 人工智能绘画是指利用人工智能进行绘画的过程&#xff0c;属…

redhat 6.4安装oracle11g RAC (三)

为数据和快速恢复去创建ASM磁盘组 只在节点rac1执行即可&#xff0c;进入grid用户下 [gridrac1 grid]$ srvctl status asm -a ASM is running on rac2,rac1 ASM is enabled. [gridrac1 grid]$ ps -ef|grep lsnr|grep -v grep|grep -v ocfs|awk {print$9} LISTENER_SCAN1 LISTE…

Databend 开源周报 第 98 期

Databend 是一款现代云数仓。专为弹性和高效设计&#xff0c;为您的大规模分析需求保驾护航。自由且开源。即刻体验云服务&#xff1a;https://app.databend.cn 。 Whats On In Databend 探索 Databend 本周新进展&#xff0c;遇到更贴近你心意的 Databend 。 后台服务 Dat…

强化学习从基础到进阶-案例与实践[2]:马尔科夫决策、贝尔曼方程、动态规划、策略价值迭代

【强化学习原理项目专栏】必看系列&#xff1a;单智能体、多智能体算法原理项目实战、相关技巧&#xff08;调参、画图等、趣味项目实现、学术应用项目实现 专栏详细介绍&#xff1a;【强化学习原理项目专栏】必看系列&#xff1a;单智能体、多智能体算法原理项目实战、相关技巧…

zerotier自建planet

ZeroTier 是一个由 C 开发的软交换机&#xff0c;可以让多台内网机器组成一个私有的局域网。ZeroTier 的节点分为三类&#xff1a; Planet Server: 官方的根服务器&#xff0c;用于记录和配置每个局域网下客户端信息&#xff08;以下简称 Planet&#xff09;&#xff1b;Moon …

Qt学习10:MainWindow浅析

文章目录 QMainWindow的基本结构QMenuBarQToolBarQStatusBarQDockWidget QSystemTrayIcon 文章首发于我的个人博客&#xff1a;欢迎大佬们来逛逛 QMainWindow的基本结构 QMenuBar&#xff1a;菜单栏QToolBar&#xff1a;工具栏QDockWidget&#xff1a;浮动窗口QStatusBar&…

基于ENVI的遥感影像解译——以Landsat8数据为例(上)

遥感影像解译是一种指从图像获取信息的基本过程。即根据各专业&#xff08;部门&#xff09;的要求&#xff0c;运用解译标志和实践经验与知识&#xff0c;从遥感影像上识别目标&#xff0c;定性、定量地提取出目标的分布、结构、功能等有关信息&#xff0c;并把它们表示在地理…