Get the attribute value of q-btn-CodePudding

I have a component, in that I have added a custom attribute called role-id (btn inside a v-for)

<q-btn @click="editRole" :role-id="role.id" round color="primary" icon="edit" />

In this, I want to access the value inside the :role-id but it returns me null instead of the value

const editRole = (e) => {
  console.log(e.target.getAttribute('role-id'));
}

CodePudding user response：

You can try something like this:

<q-btn ref="myBTN" @click="editRole" :role-id="role.id" round color="primary" icon="edit" />

methods:
{
  editRole()
  {
    console.log(this.$refs.myBTN.$attrs.roleId);
  }
}