Как добавить или удалить атрибут по клику во vue?

Question

[svk44]

у инпута имеется атрибут readonly.
знаю, что использовать @click="название фукнции". не знаю как обратиться именно к атрибуту для изменения значения. как по нажатию менять его значение?

есть что-то такое

<template>
...
        <td><input type="text" :value="`${item.id}`" :readonly="readonly"></td>
        <td><button @click="attr_toggle">Toggle</button></td>
</template>

<script>
...
  data(){
    return{
      readonly: true
    }
  },
  methods:{
    attr_toggle(){
      this.readonly = !this.readonly;
    }
  },
</script>

Answer 1

[Sergey750il]

задаете ref и обращаетесь к нему?