vue父组件点击事件向子组件传递值

简介: vue父组件点击事件向子组件传递值

:这里是父组件里写的主要代码:

父组件通过点击事件:

   <a-button @click="draft2()"style="margin-left: 15px;">草稿程序</a-button>

事件方法:

 draft2(){
     this.draftid=1
    
        this.$refs.modal.show(this.draftid)

    },

传递组件:

  <TaskModal
      @submit="handleRelatedTask(arguments)"
      ref="modal"
      :type="$route.query.deviceType"
   
    ></TaskModal>

子组件接收值:

  show(data) {
      this.visible = true
    console.log(data+"接收值");
      this.getDeviceTaskByParas(data)
    }
相关文章
|
1天前
|
JavaScript 定位技术
BIGEMAP地图VUE中引入
BIGEMAP地图VUE中引入
3 0
BIGEMAP地图VUE中引入
|
1天前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
6 0
|
1天前
|
JavaScript 定位技术 开发者
vue项目使用腾讯地图获取定位
vue项目使用腾讯地图获取定位
4 0
|
5天前
|
前端开发 JavaScript
Vue底层实现原理总结
Vue底层实现原理总结
|
10天前
|
JavaScript 前端开发 测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开发者可以专注于业务逻辑的实现,而不需要花费大量时间在项目配置上。
71 7
使用 Vue CLI 脚手架生成 Vue 项目
|
1天前
|
JavaScript
Vue全局注册与局部注册异同点
Vue全局注册与局部注册异同点
12 6
|
1天前
|
JavaScript
Vue的小知识点
Vue的小知识点
7 2
|
7天前
|
JavaScript
|
1天前
|
JavaScript Apache
Vue升级及版本不匹配解决_Vue packages version mismatch:
Vue升级及版本不匹配解决_Vue packages version mismatch:
7 1