uniapp的文档本来就不多,但是写法和vue大同小异。
<textarea class="p-20" placeholder="请填写退款说明" maxlength="100" @input = "descInput" v-model="desc" />
<view class="num">{{remnant}}/100</view>
<script>
export default {
data() {
return {
remnant:0
}
}
},
methods: {
//字数
descInput(){
this.remnant = e.detail.value.length
},
}
</script>
改进了一下 这个应该是最简单的了吧
uniapp退款说明输入组件
本文介绍了一个基于uniapp的简单退款说明输入组件实现。该组件使用了textarea元素结合v-model双向绑定,实时显示剩余输入字符数,通过descInput方法更新剩余字符数。
1349





