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>
相关推荐
Takklin1 分钟前
Vue 与 React 应用初始化机制对比 - 前端框架思考笔记
前端·react.js
Mintopia4 分钟前
🎨 数据增强技术在 AIGC 训练中的应用:提升 Web 生成的多样性
前端·javascript·aigc
华仔啊5 分钟前
如何用 Vue3 打造高级音乐播放器?进度条+可视化效果,代码简洁可复用!
前端·css·vue.js
小傅哥6 分钟前
新项目完结,Ai Agent 智能体、拖拉拽编排!
前端·后端
xiaohua0708day8 分钟前
关于解决js中MediaRecorder录制的webm视频没有进度条的问题
javascript·音视频
程序铺子9 分钟前
如何使用 npm 安装 sqlite3 和 canvas 这些包
javascript·npm·node.js
ttod_qzstudio13 分钟前
解决 Vue 3 + TypeScript 中 v-for 循环类型推断问题
前端·vue.js·typescript
通往曙光的路上14 分钟前
day9_elementPlus2
javascript·vue.js·elementui
一只小风华~16 分钟前
Vue Router 的三种历史模式详解
前端·javascript·vue.js·笔记·学习·前端框架·ecmascript
前端_Coder19 分钟前
Vue 3 watch 与 watchEffect ,哪个更好?
前端·vue.js·前端框架