vue中sync修飾子の使用
751 ワード
シーン要件:親コンポーネントdataに変数pageを定義し、サブコンポーネントでこの変数を変更して親コンポーネントに伝えたい.
親コンポーネント:
サブアセンブリ:
親コンポーネント:
export default {
data() {
return {
page: 1
}
}
}
サブアセンブリ:
export default {
methods: {
currentChange(page) {
this.$emit('update:page', page)
}
}
}