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

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

HarmonyOS
2天前
浏览
收藏 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)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
ArkUI是否支持emoji表情输入
2099浏览 • 1回复 待解决
如何清空文本输入框内容
817浏览 • 1回复 待解决
js如何清空一个input 输入框内容
7748浏览 • 1回复 待解决
TextInput如何禁止输入emoj表情
564浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
54浏览 • 1回复 待解决
TextInput ,TextArea无法设置字体间距
339浏览 • 1回复 待解决