由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据
页面中的非浮层元素,不会自动消失。
页面加载,就会显示。点击可以关闭。 适用场景: 页面加载的提醒。
分为三种: table 指令 和服务
场景1 : el-table 中的。 充当一个配置项 loading绑定一个data 布尔值。路网项目中使用。
看下面, 直接卸载table中, 布尔值控制。
在按钮中v-loading.fullscreen.lock=“是或者是否” 加入属性。并用一个方法控制 布尔值的 是与否
当使用指令方式时,全屏遮罩需要添加fullscreen
修饰符(遮罩会插入至 body 上),此时若需要锁定屏幕的滚动,可以使用lock
修饰符;当使用服务方式时,遮罩默认即为全屏,无需额外设置。
触发方式: 需要一个点击事件。例如按钮来触发
比较简单一点: 是需要一个事件。
总结: 访问错误,直接调用方法。 this.$message(‘参数错误,请重新输入’);
参数type控制显示警告还是成功的样式。
常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。
Element 注册了一个$message
方法用于调用,Message 可以接收一个字符串或一个 VNode 作为参数,它会被显示为正文内容。
就一个方法, 可以直接mounted中调用。 使用方便。 使用场景: 在提交成功时的提醒。 3s后自动消失。也可以主动关闭。
使用: 也是直接调用方法,传入参数。
这里表明: 有三个方法。
prompt prompt() 方法用于显示可提示用户进行输入的对话框。 弹出一个输入框。
模拟系统的消息提示框而实现的一套模态对话框组件,用于消息提示、确认消息和提交内容。
从场景上说,MessageBox 的作用是美化系统自带的 alert
、confirm
和 prompt
,因此适合展示较为简单的内容。如果需要弹出较为复杂的内容,请使用 Dialog。
调用$alert
方法即可打开消息提示,它模拟了系统的 alert
,无法通过按下 ESC 或点击框外关闭。此例中接收了两个参数,message
和title
。
弹出位置是屏幕中间。 使用方法是this.$alert() 直接调用方法。 和message使用 方法是一样的。
提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。
悬浮出现在页面角落,显示全局的通知提醒消息。
dialog配置项的写法:
在保留当前页面状态的情况下,告知用户并承载相关操作。
Dialog 弹出一个对话框,适合需要定制性更大的场景。
分为两个部分:body
和footer
,footer
需要具名为footer
的slot
。title
属性用于定义标题,它是可选的,默认值为空。最后,本例还展示了before-close
的用法。
弹框层,由一个布尔值控制。 body foot两部分。
body可以构建自己的dom。 可以是form 表单, 可以是表格。
正常情况下,我们不建议使用嵌套的 Dialog,如果需要在页面上同时显示多个 Dialog,可以将它们平级放置。对于确实需要嵌套 Dialog 的场景,我们提供了append-to-body
属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确。
二级弹窗,就是在原本放一级内容的 区域,有放入要给dialog标签,配置 append-to-body属性。
两个布尔值控制。一个内,一个外。
二级弹窗配置项,和一级一样使用。
使用方法: tooltip 标签包裹即可。content动态绑定提示内容。
在这里我们提供 9 种不同方向的展示方式,可以通过以下完整示例来理解,选择你要的效果。
Popover 的属性与 Tooltip 很类似,它们都是基于Vue-popper
开发的,因此对于重复属性,请参考 Tooltip 的文档,在此文档中不做详尽解释。
总结: 弹窗框,嵌套table。 table渲染的数据灌入使用。 property指定数据键值对。
先看看下列方法是否可行:
右键单击窗体控件-->设置控件格式[如果该项没有,那么您的Excel损坏,如果是灰色,那么您的文档有设置,请解除后重试]-->"字体"标签,按照需要进行设置
[按照您说的现象,您的文档应该是进行过设置]