前端時(shí)間做項(xiàng)目中實(shí)際遇到的問(wèn)題键畴,測(cè)試提出了在ios上出現(xiàn)的bug,分享給大家节腐!限制最大長(zhǎng)度阶界,500<textarea placeholder="內(nèi)容" v-model="userobjet" maxlength="500" @input="descInput">{{remnant}}/500</textarea>export default {data() {return {userobjet: '' // textarea內(nèi)容},// 監(jiān)控輸入descInput() {let txtVal = this.userobjet.length;this.remnant = 500 - txtVal;}}到此完成坛梁,自測(cè)沒(méi)問(wèn)題而姐,自信提測(cè),but突然一個(gè)bug砸過(guò)來(lái)划咐。拴念。钧萍。。ios輸入文字加表情然后瘋狂復(fù)制粘貼政鼠,數(shù)字已經(jīng)減的變成0了风瘦,但是還可以繼續(xù)復(fù)制,數(shù)字就變成了負(fù)數(shù)公般,安卓是好的万搔,然后排查了下可能是ios輸入的表情的長(zhǎng)度沒(méi)算到里面解決方案添加監(jiān)控,長(zhǎng)度大于設(shè)置的數(shù)值就設(shè)置為0官帘,并截取自己想要的長(zhǎng)度瞬雹,就哦了,然后測(cè)試ios也沒(méi)問(wèn)題了watch:{userobjet(curVal, oldVal){if (curVal.length >= 500) {this.remnant = 0this.userobjet = curVal.substring(0,500)}}}
作者:ytt1224
鏈接:http://www.reibang.com/p/a95f17d900d7
來(lái)源:簡(jiǎn)書(shū)
簡(jiǎn)書(shū)著作權(quán)歸作者所有刽虹,任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處酗捌。