父组件传值和方法,在子组件里使用
-
在父组件里引入子组件,
- 在父组件引入的子组件上自定义传递到子组件的属性和方法
- 属性
:子组件需要用到的变量=父组件传递到子组件的变量
(:必须写,用属性绑定的方式传值)例如 :moneyTotal=money
- 方法用
@closePage="close"
<父组件>
<子组件
:moneyTotal=money
@closePage="close"
>
</子组件>
</父组件>
data() {
return {
money: 100
}
},
methods: {
close() {
console.log('页面关闭了')
}
}
-
在子组件里使用props接收父组件的传值,使用$emit(‘父组件里@定义的方法名’)以在子组件里来调用父组件的方法
props: ['moneyTotal']
<按钮 @click="$emit("closePage")">
{{moneyTotal}} <!-- 值为100,点击按钮后控制台输出页面关闭了 -->
</按钮>
-
在electron环境下的点击事件调出系统默认的浏览器并打开传入的链接
<el-button @click="open('http://www.baidu.com')">
点击跳转到百度
</el-button>
methods: {
open(link) {
this.$electron.shell.openExternal(link);
}
}