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>
相关推荐
AC赳赳老秦3 小时前
OpenClaw多平台部署:Windows+Linux跨系统协同,实现全场景覆盖
linux·服务器·前端·网络·windows·deepseek·openclaw
喜欢吃鱿鱼4 小时前
DES加解密(附带解决转义问题)-VUE
开发语言·前端·javascript
腹黑天蝎座4 小时前
前端性能优化实战指南:从原理到落地的全方位解决方案
前端·性能优化·监控
忆往wu前4 小时前
一文通透 Vue动态组件体系:插槽|数据监听|组件通信|动态切换|缓存—闭环
前端·面试
奇奇怪怪的问题4 小时前
问题总结:关于封装axios问题,导致外部使用接口报错,无法进入error回调
前端·axios
Jenlybein4 小时前
速学 VS Code 插件开发入门,客制化你的开发体验
前端·javascript·visual studio code
qq_437100665 小时前
SSE 流式响应(Server-Sent Events)
前端·sse
十六年开源服务商5 小时前
游戏与设计驱动WordPress建站2026
java·前端·游戏
ZC跨境爬虫5 小时前
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)
前端·javascript·ui·html·交互
好运的阿财5 小时前
OpenClaw工具拆解之tts+web_search
前端·javascript·python·ai·ai编程·openclaw·openclaw工具