vue子元件獲取父元件方法
阿新 • • 發佈:2019-01-29
注:以下程式碼未使用esLint語法檢查
父元件:
<template> <div class="wrapper"> <cp_action @parentMethod="macSelect"></cp_action> </div> </template> <script> import ../components/action //引入子元件 export default{ components:{ cp_action }, method:{ macSelect(){ //方法體 alert(123); } } } </script>
子元件:
<template> <div class="bet-action"> <span class="mac-select" @click="childMethod">機選</span> </div> </template> <script> export default{ methods: { childMethod() { console.log('請求父元件方法'); this.$emit('parentMethod'); //使用$emit()引入父元件中的方法 } }, } </script>