1、打开HBuilderX工具,创建vue项目;然后新建vue文件SavePageData.vue

2、打开已新建的vue组件文件,在template标签中插入一个form表单,内嵌一个按钮

3、接着在按钮下方,添加一个弹窗el-dialog,并绑定不同的变量

4、在data对象初始化变量,然后定义方法openWin和sureData

5、打开App.vue文件,引入SavePageData组件,并在界面代码中使用

6、保存代码并使用命令运行,打开浏览器,查看界面效果

7、点击打开按钮,弹出一个弹窗,然后输入内容和选择选项,关闭窗口再次打开
