vue親コンポーネントからサブアセンブリ関数を呼び出す方法
親コンポーネントでサブコンポーネントを呼び出す方法:
1.サブコンポーネントにref属性を定義します。
親コンポーネント:
締め括りをつける
以上は小编が皆さんに绍介したvueの父のコンポーネントの中で、子供のコンポーネントの関数を呼び出す方法です。皆さんに何かお聞きしたいことがあれば、メッセージをください。ここでも私たちのサイトを応援してくれてありがとうございます。
1.サブコンポーネントにref属性を定義します。
eg:ref="childItem"
2.サブコンポーネントのmethodsで関数を宣言します。eg: useInPar:function (str) {console.log(str)}
2.親コンポーネントの中で関数を宣言し、this.$refs.childItem.userInPar
を通してサブコンポーネントで宣言された関数を使用する。親コンポーネント:
<template>
<child-item ref='child' />
<button @click='useChildFun'></button>
</template>
<script>
```
methods() {
useChildFun:function(){
this.$refs.child.usedInPar(' ');
}
}
</script>
サブコンポーネント:
```
methods () {
usedInPar(str){
console.log(str);
}
}
完全なコードがありません。使い方は一つだけです。締め括りをつける
以上は小编が皆さんに绍介したvueの父のコンポーネントの中で、子供のコンポーネントの関数を呼び出す方法です。皆さんに何かお聞きしたいことがあれば、メッセージをください。ここでも私たちのサイトを応援してくれてありがとうございます。