uniapp 富文本框获取输入字符长度

原理很简单，只要通过 textarea 的 @input 事件就能拿到所有的参数

图中所示是输入字符长度
可通过 console.log( e.detail.cursor) 打印


<template><view class="content"><view class="describe"><view class="describe_kuang"><textarea maxlength="1000" @input="getlenth" placeholder="温馨提示：您可将职位描述通过微信、QQ传送到手机上，再复制粘贴到此处，谢谢。" /></view><view class="describe_text"><text>{{length}}</text>/<label>1000</label></view></view><view class="preservation"><label class="preservation-bot">保存</label></view></view>
</template>
<script>export default {data(){return {length:0}},onLoad(){},methods: {getlenth(e){this.length = e.detail.cursor;}}}
</script>
<style>.describe{ width: 94%; height: auto; margin: 25upx auto; background: #fff; border-radius: 10px; box-sizing: border-box; padding: 30upx 3%; box-shadow: 0px 3px 13px rgba(0,0,0,0.02);  }.describe_kuang{ width: 100%; height: 450upx; margin-bottom: 25upx; }.describe_kuang textarea{ width: 100%; height: 450upx; font-size: 15px; line-height: 45upx; }.describe_text{ width: 100%; height: auto; display: flex; flex-direction: row; justify-content: flex-end; font-size: 15px; color: #686868;  }.describe_text text{ color: #2ebbfe; }
</style>

uniapp 富文本框获取输入字符长度相关推荐

【项目经验】——文本框限制输入字符长度
当文本框的TextMode为SingleLine时,限制字符长度是一件很简单的事情,只要设置起MaxLength就可以搞定了,但当TextMode为MultiLine时,你会发现,Ma ...
php文本框长度限制,php截取富文本框中的固定长度的字符
ai,哎怎么赶脚自己写东西越来越小儿科了呢,现在连这个问题都找了好半天因为后台是的内容是富文本编辑器编辑的,前台我傻逼的直接截取了字符串,然后样式啥的都乱了,找了半天是因为富文本的问题其实解决办法 ...
selenium python 文本框输入信息_selenium python向富文本框中输入内容
基于本人不会JavaScript,不能像大神一样写出很牛X的方法,只能使用者屌丝方法了,不过很容易理解. 我使用的是ueditor富文本框 1.我的富文本框是在一个iframe中,进入iframe的方 ...
多行文本框限制输入字符长度(两种方法)
方法一:弹出对话框提示 1.html代码 <HTML> <HEAD> <title>WebForm6</title> ...
java在文本域内添加按钮_JAVA中在窗体中添加了一个文本框，然后再文本框中输入字符，如何...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼具体的代码在这里: import java.awt.FlowLayout; import java.awt.GridLayout; import java ...
uniapp富文本框
1.复制以下代码 <template><view class="container"><view class="page-body" ...
uniapp 电商app 富文本框的使用——添加图文功能
uniapp 富文本框的使用 uniapp中是有富文本框组件的. uniapp中的富文本框组件的使用官网链接:https://uniapp.dcloud.io/component/editor?id= ...
uniapp 发布文章app 富文本框的使用——添加图文功能
uniapp 富文本框的使用 uniapp中是有富文本框组件的. uniapp中的富文本框组件的使用官网链接:https://uniapp.dcloud.io/component/editor?id= ...
python获取输入框内容长度_python3 tkinter 获取输入字符串长度
python 3 获取输入字符长度 #-*- coding:utf-8 -*- from tkinter import * from tkinter import messagebox def ge ...

uniapp 富文本框获取输入字符长度

uniapp 富文本框获取输入字符长度相关推荐

最新文章

热门文章

uniapp 富文本框 获取输入字符长度

uniapp 富文本框 获取输入字符长度相关推荐

最新文章

热门文章

uniapp 富文本框获取输入字符长度

uniapp 富文本框获取输入字符长度相关推荐