$emit子组件如何传递多个参数

 时间:2024-10-12 07:59:27

1、打开HBuilderX工具,利用vue项目模板创建项目,查看对应项目结构

$emit子组件如何传递多个参数

2、在src下的components文件夹下,新建子组件Child.vue,然后点击创建

$emit子组件如何传递多个参数

3、打开子组件,在模板标签中插入三个变量first、second和third,然后添加一个按钮并绑定事件

$emit子组件如何传递多个参数

4、使用同样的方法创建父组件Parent,在父组件导入子组件,并调用子组件

$emit子组件如何传递多个参数

5、接着在框架总的App.vue文件中引入父组件,并添加到组件components中

$emit子组件如何传递多个参数

6、保存代码并打开浏览器预览界面,点击发送按钮,但是只打印一个参数值

$emit子组件如何传递多个参数

7、返回到父组件代码中,定义三个变量接收子组件的三个参数

$emit子组件如何传递多个参数

8、再次保存代码并查看效果,点击按钮并查看页面变化和控制台打印结果

$emit子组件如何传递多个参数
  • intellij idea如何关闭显示工具窗口栏
  • asp如何修改数据库里面的用户密码
  • 怎样解决VS2013模块对于SAFESEH 映像是不安全的
  • jQuery如何获得div后面的标签或标签内容
  • 热门搜索
    科技创新手抄报图片 中国传统美德手抄报 放飞梦想手抄报素材 七彩童年手抄报图片 法制在我心中手抄报 感恩节手抄报图片大全 保护眼睛的手抄报 古诗配画手抄报 感恩为主题的手抄报 历史手抄报版面设计图