父组件
第一种
父组件
<template>
<div>
<file-list-view
:downloadShow.sync="downloadShow"
:filesList.sync="filesList"
:stateShow="1"
:editData="editData"
></file-list-view>
</div>
</template>
子组件
<el-button type="text" size="small" @click="recFile(scope.row)" >预览</el-button > <el-button type="text" size="small" @click="delFile(scope.row)" >删除</el-button >
方法
delFile(row) {
this.$emit("update:filesList", this.filesList);
this.$emit("update:downloadShow", false);
}
第二种 父组件
自定义事件
<template>
<div id="app">
<p>这是父组件</p>
<Test @changeEvent="changeMyString" />
</div>
</template>
import qqq from "./components/qqq";
export default {
name: "App",
components: {qqq },
data: function() {
return {};
子组件
<template>
<div>
<div>子组件</div>
<button @click="changeFather">点击我向父组件传递参数</button>
</div>
</template>
<script>
export default {
methods: {
changeFather() {
this.$emit("changeEvent",'1')
}
}