真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

AntDesignVue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能

這篇文章主要介紹“Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能”,在日常操作中,相信很多人在Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比安州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式安州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋安州地區(qū)。費用合理售后完善,十載實體公司更值得信賴。

Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能

推薦一個實用的“字?jǐn)?shù)統(tǒng)計”功能:Ant Design Vue 默認(rèn)的 Textarea 組件是沒有字?jǐn)?shù)統(tǒng)計功能的,但這個功能又是很常見的,所以就做了一個簡單的二次封裝。其實這個功能很簡單,就是在不改變原組件的情況下,右下角加上一個計數(shù)文本,用定位處理一下就行。

默認(rèn)的 textarea

官網(wǎng)地址:https://antdv.com/components/input-cn/

基本使用如下所示:

Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能

改造后的 textarea


  
  .textarea-wrapper {     position: relative;     display: block;     .m-textarea {       padding: 8px 12px;       height: 100%;     }     .m-count {       color: #808080;       background: #fff;       position: absolute;       font-size: 12px;       bottom: 8px;       right: 12px;     }   }

使用也很簡單,和正常的 textarea 一樣就行。如果要開啟字?jǐn)?shù)統(tǒng)計,showWordLimitmaxLength都要配置才行。

Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能

到此,關(guān)于“Ant Design Vue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
本文題目:AntDesignVue中怎么讓Textarea組件有字?jǐn)?shù)統(tǒng)計功能
網(wǎng)頁地址:http://weahome.cn/article/jssjpd.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部