Siema.
Mam taki komponent:
Vue.component("workspace-tile",
{
props:
{
name: String,
selected: false
},
methods:
{
changeStatus(){
this.selected = !this.selected;
},
},
delimiters: ['[[', ']]'],
template: '<div class="workspace-tile" @click="changeStatus">\
<p>[[ name ]]</p>\
</div>'
});
Chciałbym aby po kliknięciu w niego, została dodana do niego klasa css:
<workspace-tile name="{{ deployment.metadata.name }}" :class="{'workspace-tile-selected': selected}"></workspace-tile>
niestety otrzymuję błąd: "ReferenceError: selected is not defined"
Dlaczego ten props jest "niewidzialny"?
Męczę się z tym już ładnych parę godzin, proszę o pomoc : D