Estoy tratando de ejecutar la función cuando se hace clic en el botón.
y text box one value en div
Código de plantilla:
<input v-model="textdata" type="text" class="w-full rounded"> <div class="bg-white h-10 w-full ">{{textdata}}</div> <button @click="getvalue" class="bg-green-800 rounded " >RECEIVE</button>VUSJS:
<script> import { defineComponent } from 'vue' export default defineComponent({ setup() { function getvalue(){ console.log(this.textdata) } return{ getvalue, } } }) </script>En este momento, muestra datos en la consola, pero ¿cómo puedo mostrar los mismos datos en div?
Debe definir 2 referencias y luego actualizar una de ellas desde la otra en el evento de clic
<script> import { defineComponent, ref } from 'vue' export default defineComponent({ setup() { const textarea = ref(""); const text = ref(""); function getvalue(){ this.text = this.textarea } return{ getvalue, text, textarea, } } }) </script> <template> <input v-model="textarea" type="text" class="w-full rounded"> <div class="bg-white h-10 w-full">{{text}}</div> <button @click="getvalue" class="bg-green-800 rounded " >RECEIVE</button> </template>