Quasar-Framework アプリケーションでウォッチャーを使用しようとしていますが、ウォッチャー内のメソッドがメソッドとして認識されません。
data () {
return {
education: { degree:'test' },
type: 2
}
},
watch: {
type: (newType) => {
if (newType === 1) {
this.removeDegree()
}
}
},
methods: {
removeDegree () {
this.education.degree = ''
}
}
removeDegree が呼び出されることを期待していますが、removeDegree が関数ではないという警告とエラーがスローされます。
参考:VueJS:ウォッチャー
解決策: @docnoe によって提案された省略形の es6 構文を使用する
watch: {
type (newType) {
if (newType === 1) {
this.removeDegree()
}
}
},
...