![](https://img.php.cn/upload/image/000/000/000/7366e90b8d23c120cac2e9f679e4d882-0.png)
![](https://img.php.cn/upload/image/000/000/000/d8e244007a5a47784595682fa34ab396-1.png)
#これは親コンポーネントです
![](https://img.php.cn/upload/image/000/000/000/68d005084fdb79ac4895b436d80377e0-2.png)
これはサブコンポーネントです
![](https://img.php.cn/upload/image/000/000/000/68d005084fdb79ac4895b436d80377e0-3.png)
![](https://img.php.cn/upload/image/000/000/000/434efdd03e0c9d23747f25048c35983b-4.png)
効果の説明: 「All」、「Recommend」、および「Tucao」をクリックして selectType の値を変更すると、選択したボタンの背景が切り替わり、「チェックマーク」をクリックすると背景が変更され、選択されたボタンが表示されます。と未選択なので、子コンポーネントのselectTypeとonlyContentの2つの値が変更され、この2つの値の変更が親コンポーネントに通知されます。カスタム コンポーネントをバインドしようとしているのに、まだエラーが報告されるのはなぜですか?本当に変更方法がわかりません、初心者なのでアドバイスをお願いします!!!
this.selectType = type
和this.onlyContent = !this.onlyContent
去掉,然后两个 $emit 分别改为this.$emit('ratingTypeSelect', type)
を `this.$emit('contentToggle', !this.onlyContent) に置き換えますカスタムイベント名に
.
を追加することはできません。キャメルケースで名前を付けてください。カスタム イベントをバインドするには -v-on- を使用します