直播軟體開發,限制富文字框輸入的字元數上限

zhibo系統開發發表於2022-03-29

直播軟體開發,限制富文字框輸入的字元數上限

<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>

以上就是直播軟體開發,限制富文字框輸入的字元數上限, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2884748/,如需轉載,請註明出處,否則將追究法律責任。

相關文章