可以利用ref属性进行操作
子组件代码 Login.vue
<script>
export default {
data() {
ifShow: false,
}
}
</script>
父组件代码
<template>
...
<button @click="LogIn">登录</button>
<Login ref="login"></Login>
...
</template>
<script>
import Login from ".../Login"
export default {
methods: {
LogIn() {
this.$refs.login.ifShow = true; // 利用this.refs.login获取组件的实例对象再对其中的数据进行修改
}
}
}
</script>