Tengo un div editable de contenido que estoy usando para recuperar algunos datos.
<div contenteditable="true" ref="test">/*SomeText*/</div> Después de ejecutar el enfoque a través de la ref con this.$refs.test.focus() . No funcionó y aparece un error en la consola (No se pueden leer las propiedades del focus de lectura undefined ) ¿Cómo puedo activar un efecto de enfoque en el div editable de contenido?
El atributo de contenido editable no debe ser content-editable="true" , sino contenteditable="true" .
const App = { el: '#app', methods: { focusDiv() { this.$refs.test.focus() } } } const app = new Vue(App) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <div contenteditable="true" ref="test">My Div</div> <button @click="focusDiv">Focus on div</button> </div>