textarea右下角有字数计算

   <el-form-item label="作品简介" prop="content" class="content">
        <el-input
          type="textarea"
          v-model="ruleForm.content"
          @input="descInput($event)"
          maxlength="200"
        ></el-input>
        <div class="number">{{ number }}/200</div>
      </el-form-item>

   descInput(e) {
      this.number = e.length;
    },

    .content {
      position: relative;
      .number {
        font-size: 12px;
        font-family: MicrosoftYaHei;
        color: #999999;
        position: absolute;
        right: 8px;
        bottom: -2px;
      }
    }