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>
相关推荐
一只爱打拳的程序猿3 分钟前
【SpringBoot】实现登录功能
javascript·css·spring boot·mybatis·html5
黄天才丶5 分钟前
高级前端篇-脚手架开发
前端
乐闻x18 分钟前
React 如何实现组件懒加载以及懒加载的底层机制
前端·react.js·性能优化·前端框架
小鱼冻干20 分钟前
http模块
前端·node.js
悬炫20 分钟前
闭包、作用域与作用域链:概念与应用
前端·javascript
jiaHang21 分钟前
小程序中通过IntersectionObserver实现曝光统计
前端·微信小程序
打野赵怀真43 分钟前
前端资源发布路径怎么实现非覆盖式发布(平滑升级)?
前端·javascript
顾林海1 小时前
Flutter Dart 流程控制语句详解
android·前端·flutter
tech_zjf1 小时前
装饰器:给你的代码穿上品如的衣服
前端·typescript·代码规范
xiejianxin5201 小时前
如何封装axios和取消重复请求
前端·javascript