HarmonyOS textInput、textarea组件设置maxLength属性截断emoji表情,会导致输入框内容清空

textInput、textarea组件设置maxLength属性截断emoji表情,会导致输入框内容清空

HarmonyOS
2024-12-20 17:03:31
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

使用for of来判断数据:

@Component
export struct MyTextInput {
  @State private inputText: string = ""
  @Prop @Watch('onTextUpdated') text:string = ""
  public maxLength: number = 10

  onTextUpdated() {
    this.inputText = this.sliceTools(this.text, this.maxLength)
  }

  aboutToAppear(): void {
    this.onTextUpdated()
  }

  sliceTools(str: string, maxLength: number) {
    let res = "";
    for (const element of str) {
      if (res.length + element.length > maxLength) {
        return res
      } else {
        res = res + element
      }
    }
    return res;
  }

  build() {
    TextInput({ text: $$this.inputText })
      .maxLength(this.maxLength)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
分享
微博
QQ
微信
回复
2024-12-20 19:53:12
相关问题
HarmonyOS textInput 如何清空输入框
942浏览 • 2回复 待解决
ArkUI是否支持emoji表情输入
2813浏览 • 1回复 待解决
如何清空文本输入框内容
1852浏览 • 2回复 待解决
js如何清空一个input 输入框内容
8687浏览 • 2回复 待解决
TextInput如何禁止输入emoj表情
1441浏览 • 1回复 待解决
获取输入框输入内容
526浏览 • 2回复 待解决
HarmonyOS 输入框不显示内容
1049浏览 • 2回复 待解决