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>
相关推荐
GISer_Jing4 分钟前
React 18的createRoot与render全面对比
前端·react.js·前端框架
我叫汪枫5 分钟前
React Hooks原理深度解析与高级应用模式
前端·react.js·前端框架
我叫汪枫5 分钟前
深入探索React渲染原理与性能优化策略
前端·react.js·性能优化
Ares-Wang11 分钟前
Vue3》》eslint Prettier husky
开发语言·javascript·ecmascript
阿智@1117 分钟前
推荐使用 pnpm 而不是 npm
前端·arcgis·npm
EveryPossible27 分钟前
静态箭头连线
开发语言·javascript·ecmascript
伍哥的传说29 分钟前
QRCode React 完全指南:现代化二维码生成解决方案
前端·javascript·react.js·qrcode.react·react二维码生成·qrcodesvg·qrcodecanvas
IT_陈寒33 分钟前
Vite 5.0 终极优化指南:7个配置技巧让你的构建速度提升200%
前端·人工智能·后端
listhi52037 分钟前
Map对象在JavaScript循环中的使用
开发语言·前端·javascript
安卓开发者44 分钟前
鸿蒙Next Web组件生命周期详解:从加载到销毁的全流程掌控
前端