vue的message提示信息修改提示框所在页面位置高度

vue的message提示信息修改提示框所在页面位置高度,可以使用message的offset属性通过数值来改变提示框位置!

html部分代码

javascript 复制代码
     <div>
             <el-button type="primary" @click="showMessage" style="margin-left:40%;margin-top:1%">触发提示信息</el-button>
    </div>

js部分代码

javascript 复制代码
  showMessage(){
             // 使用message的offset属性去设置高度
             this.$message({
                   type:'warning',
                   message:'使用offset可更改提示信息位置高度哟!',
                   offset:0
             })
      }

当offset为0时我们可以看到提示框的位置在按钮上方!

当offset值被我们修改为200后,可以看到提示框位置就在按钮下方了!

相关推荐
成为大佬先秃头1 分钟前
渐进式JavaScript框架:Vue 过渡 & 动画 & 可复用性 & 组合
开发语言·javascript·vue.js
JIngJaneIL25 分钟前
基于java+ vue家庭理财管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
GISer_Jing29 分钟前
Taro跨端开发实战:JX首页实现_Trae SOLO构建
前端·javascript·aigc·taro
vipbic30 分钟前
基于 Nuxt 4 + Strapi 5 构建高性能 AI 导航站
前端·后端
不要em0啦1 小时前
从0开始学python:简单的练习题3
开发语言·前端·python
老华带你飞1 小时前
电商系统|基于java + vue电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
星月心城1 小时前
面试八股文-JavaScript(第四天)
开发语言·javascript·ecmascript
大猫会长1 小时前
关于http状态码4xx与5xx的背锅问题
前端
喝拿铁写前端1 小时前
AI 驱动前端开发覆盖的能力全景拆解
前端·javascript·人工智能
1024小神1 小时前
确认了,Cloudflare的R2对象存储S3接口api不支持在web端使用
前端