this.$prompt 提示框增加文本域并修改文本域高度

2024.06.24今天我学习了如何对提示框增加文本域的方法,效果如下:

代码如下:

javascript 复制代码
<script>
      methods:{
       reject_event(){
           this.$prompt(`驳回内容`, '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
             inputType: 'textarea',
             inputPlaceholder: '请填写驳回理由',
             customClass: 'custom-prompt',
             inputValidator: (value) => {
              if (!value) {
                return '请填写驳回理由'
                }
        },
              }).then(({ value }) => {
                   console.log(value ,'理由')
              }
            })
          }).catch(e => {
            return
          });
       }
     }
</script>

<style>
.custom-prompt .el-textarea__inner {
  height: 200px !important;
}
</style>
相关推荐
路上^_^4 分钟前
CSS核心笔记001
前端·css·笔记
啊吧啊吧曾小白16 分钟前
作用域、闭包与this指向问题
前端·javascript·面试
Linhieng18 分钟前
浏览器扩展与网页交流
前端
小宁爱Python18 分钟前
CSS的复合选择器
前端·css
今天真是星期八20 分钟前
AI 时代如何正确选择前端框架:React、Angular 还是 Vue?
前端
yaoganjili23 分钟前
WebGL打开 3D 世界的大门(六):透视投影
前端·数据可视化
HiF24 分钟前
Hexo博客集成LivePhoto
javascript
ChasLui25 分钟前
[译]在公共领域构建一个速度极快的缓冲数据网格。
前端·neo
八了个戒36 分钟前
「数据可视化 D3系列」入门第七章:坐标轴的使用
前端·javascript·数据可视化·canvas·d3
NON-JUDGMENTAL39 分钟前
HTML:网页的骨架 — 入门详解教程
前端·html