美文网首页
vue iview 最大字数动态显示textarea剩余字数

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

作者: 若水亦城空 | 来源:发表于2020-01-02 11:49 被阅读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;
 },

相关文章

网友评论

      本文标题:vue iview 最大字数动态显示textarea剩余字数

      本文链接:https://www.haomeiwen.com/subject/aronoctx.html