如何在elementplus中实现不同弹

北京看白癜风医院哪个好 https://wapyyk.39.net/hospital/89ac7_knowledges.html

工具

HBuilderXGitnpm浏览器技术

Vue3ElementPlusJavaScript在elementplus组件中,弹窗el-dialog可以用来输入数据,还可以展示数据。如果在一个弹窗中输入不同的字段值,点击保存(确定)关闭自身,然后打开另一个新窗口,并将输入值传输到新窗口中。下面利用实例说明:

操作步骤:

1、在vue3+elementplus框架项目中,新建vue文件ValueTransfer

创建vue3项目,并新建vue文件

2、打开vue文件,利用elementplus组件布局,插入一个el-button、一个弹窗el-dialog,分别绑定不同的对象变量

插入按钮和弹窗,绑定不同对象值

3、接着,添加一个查看信息的弹窗,并插入一个表单元素

添加查看信息弹窗,插入表单

4、在script标签中,初始化弹窗变量和表单对象变量

初始化弹窗变量和表单对象变量

5、在methods对象中,定义确定按钮事件,设置弹窗可显;给弹窗输入框进行赋值

定义事件,显示弹窗,表单赋值

6、在项目鼠标右键,使用命令运行项目;打开浏览器,输入地址访问界面

运行项目,打开浏览器,查看界面

7、点击新增按钮,打开新增学生窗口,输入学号、姓名和年龄,然后单击确定

点击新增,打开窗口,输入字段值

8、关闭新增学生窗口,打开查看信息窗口,查看新增和查看窗口字段值

打开查看信息窗口,比对前后的值深入浅出Vue.js(图灵出品)京东月销量好评率98%无理由退换京东配送官方店¥56.1购买

本书从源码层面分析了Vue.js。首先,简要介绍了Vue.js;然后详细讲解了其内部核心技术“变化侦测”,这里带领大家从0到1实现一个简单的“变化侦测”系统;接着详细介绍了虚拟DOM技术,其中包括虚拟DOM的原理及其patching算法;紧接着详细讨论了模板编译技术,其中包括模板解析器的实现原理、优化器的原理以及代码生成器的原理;最后详细介绍了其整体架构以及提供给我们使用的各种API的内部原理,同时还介绍了生命周期、错误处理、指令系统与模板过滤器等功能的原理。




转载请注明:http://www.aierlanlan.com/tzrz/4474.html

  • 上一篇文章:
  •   
  • 下一篇文章: