с дефолтными настройками, на которые завязана логика, родительский компонент может менять это настройки соотвесно, реализовал вот так, но мне не нравится, можно как-нибудь лучше ?
export default {
name: 'KeyboardLetter',
props: {
settings: Object
},
data () {
return {
numbers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
layouts: this.settings.layouts,
layoutCurrent: '',
layoutCharacters: '',
viewNumbers: this.settings.type === 'any',
viewUpperCase: this.settings.defCase === 'upper',
viewKeySymbols: !!(this.settings.specSymb && this.settings.specSymb.length > 0),
viewSymbols: false,
viewSwitchLayouts: false,
allowChangeCase: this.settings.allowChangeCase,
lockUpperCase: false,
}
},
watch: {
settings () {
this.layouts = this.settings.layouts
this.viewNumbers = this.settings.type === 'any'
this.viewUpperCase = this.settings.defCase === 'upper'
this.viewKeySymbols = !!(this.settings.specSymb && this.settings.specSymb.length > 0)
this.viewSymbols = false
this.viewSwitchLayouts = false
this.allowChangeCase = this.settings.allowChangeCase
this.lockUpperCase = false
this._setKeyboardCharacters()
},
},
т.е. слежу за настройками если они поменялись то сбрасываю на начальные
почему бы не брать конфиг сразу из props?
Обсуждают сегодня