vue iview 最大字数动态显示textarea剩余字数

2020-01-02  本文已影响0人  若水亦城空
<FormItem label="留言内容">
  <Input
      v-model="form.content"
      :maxlength="maxlength"
      type="textarea"
      @input="descInput"
      :autosize="{ minRows: 5, maxRows: 8 }"
      placeholder="请输入留言"
  />
  <span>{{ remnant }}/{{maxlength}}</span>
</FormItem>

data() {
  return {
  form: {
    phone: "",
    content: "",
  },
  maxlength: 200,
  remnant: 200
  };
 },
 descInput() {
 let txtVal = this.form.content.length;
 this.remnant = this.maxlength - txtVal;
 },
上一篇 下一篇

猜你喜欢

热点阅读