工具
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的内部原理,同时还介绍了生命周期、错误处理、指令系统与模板过滤器等功能的原理。