vue 弹窗结合textarea限制字数并在右下角显示进度

_dannyWang_

已于 2022-09-07 18:21:59 修改

阅读量921

点赞数 1

文章标签：前端 javascript html

于 2022-07-26 17:21:47 首次发布

本文链接：https://blog.csdn.net/danny342354/article/details/125999292

版权

项目中多次用到，记录一下
在这里插入图片描述

 <div class="checkParam">
      <el-dialog
        width="50%"
        title="请输入拒绝原因"
        :visible.sync="checkParam"
        :showClose="false"
        :close-on-click-modal="false"
      >
           <p class="refund-msg">
            <el-input
              type="textarea"
              maxlength="500"
              show-word-limit
              v-model="searchData.idCardType"
              placeholder="请输入拒绝原因"
              autosize
            ></el-input>
          </p>
        <span slot="footer" class="dialog-footer">
          <el-button class="blueBtn" @click="statusType">提交</el-button>
          <el-button class="redBtn" @click="checkParam = false">取消</el-button>
        </span>
      </el-dialog>
    </div>
    
 return:{
  data(){
  checkParam: false,
  }
}   

.refund-msg /deep/ .el-textarea__inner {
  min-height: 88px !important;
}