工作289:父子组件传值控制弹窗关闭

resetreson

<template><el-dialogtitle="审核退回":visible.sync="dialogVisible"width="30%"append-to-body><el-form ref="form"><el-form-item label="退回原因" ><el-input v-model="remark" placeholder="请输入内容"></el-input></el-form-item></el-form><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="submitlist()">确 定</el-button></span></el-dialog></template>
<script>import {putAction} from "@/api";export default {name:"ResetReson",data(){return {remark:'',dialogVisible:false,}},methods:{show(){console.log(1)console.log(this)console.log(this.$parent.$parent.ListId)this.dialogVisible=true},submitlist(){putAction("/order/"+this.$parent.$parent.ListId+"/status",{status:-1,remark: this.remark}).then(res=>{this.$message({message: '退回已提交',type: 'success'});this.$emit('ok');this.$emit('showCityName');this.dialogVisible=false})this.dialogVisible=false}}
}
</script>

   </template></div><reset-reson @showCityName="updateCity()" ref="reson"></reset-reson></el-dialog></template>

控制弹出框关闭

工作289:父子组件传值控制弹窗关闭相关推荐

工作148:父子组件传值获取时间戳
工作97:父子组件传值
在基于nuxt的移动端页面中引用mint UI的popup组件之父子组件传值
最近在做移动端的wap页面,考虑到要做SEO,所以选定了nuxt+vue+mint ui. 有一个需求是这样的,点击头部菜单栏,出现一个气泡,点击返回首页. 由于一些页面没有统一引用mint的mt-h ...
神了！！看完这篇文章我不仅学会了手撸vue三开关组件，还搞懂了父子组件传值
神了!!看完这篇文章我不仅学会了手撸vue三开关组件,还搞懂了父子组件传值引子前置知识什么是vue组件父子组件传值父传子子传父 model选项的引入三开关组件(three-switch) ...
Vue中父子组件传值的多种方式
vue中父子组件传值 vue中的父子组件传值,值得注意的是要遵守单向数据流原则.所谓单向数据流原则,简单的说就是父组件的数据可以传递给子组件,子组件也可以正常获取并使用由父组件传过来的数据:但是,子组 ...
vue中父子组件先后渲染_vue父子组件传值（子传父，非父子组件传值）
1. 子组件向父组件传值子组件: <template><div>子组件:<span>{{childValue}}</span><!-- 定义一个 ...
父子组建传值_浅谈Vue父子组件和非父子组件传值问题
本文介绍了浅谈Vue父子组件和非父子组件传值问题,分享给大家,具体如下: 1.如何创建组件 1.新建一个组件,如:在goods文件夹下新建goodsList.vue goodsList组件 expor ...
Vue 进阶组件实战应用 -- 父子组件传值的应用实例（子父组件传值的两种触发方式）
基础的子组件和父组件通信已经搞定了,可以看此博客父子组件传值基础应用需求现在需求是在一个父页面引用子组件,不只是要实现基本的父子组件传值.并且子组件给父组件传值的触发条件要在父页面触发. 目前小 ...
实战 | Element UI 父子组件传值与事件绑定（逆向）
这是小小本周的第四篇,本篇将会倒过来讲解Element UI 父子组件传值与事件绑定. 父子组件传值新建父组件和子组件新建父组件代码如下 <template><div id=& ...

工作289:父子组件传值控制弹窗关闭

工作289:父子组件传值控制弹窗关闭相关推荐

最新文章

热门文章