JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <input v-model="value" v-bind={readonly}>
  <button @click="toggle">Toggle</button>
  <pre>{{ value }}</pre>
</div>

CSS

input:read-only {
  border-color: transparent;
  background: transparent;
}

JavaScript

new Vue({
	el: '#app',
  data: () => ({
  	readonly: true,
  	value: 'Vazio'
  }),
  methods: {
  	toggle() {
    	this.readonly = !this.readonly
    }
  }
})