Estou usando o Vue 3. Não consigo obter valores de conjunto de dados do meu botão:
este é o botão:
<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<button id="profile"
v-on:click="start" :data-id="19876"
class="profile"
data-gender="{{$gender}}">
</button>
Este é meu objeto vue:
<script>
Vue.createApp({
data() {
return {
state: null,
};
},
mounted() {
console.log(this);
},
methods: {
startChat(event){
// const { id } = event.target.dataset;
var id = event.target.getAttribute('data-id');
console.log(id);
},
}
}).mount('#profile');
</script>
Isso retorna o valor nulo.
Eu também tentei isso:
const { id } = event.target.dataset;
Ele retorna valor indefinido.