tengo un cuadro de texto si escribo algo it's showing text value based on it's id , mi código funciona cuando lo ejecuto on laptop http://localhost:8080/

si abro el mismo sitio web, mi teléfono http://xxx.xxx.x.xxx:8080/ muestra la misma página.

cuando i type text box id on phone y i try to view value which is on laptop , no muestra ese valor.

modelo:

 <input id="1" type="text" placeholder="i am id1, show my value" /> <input id="2" type="text" placeholder="i am id2, show my value" /> <input v-model="searchidinput" type="text" placeholder="which ids data you want, 1 or 2 " /> <button @click="getvalue">RECEIVE</button> <div>show value of id {{ searchid ? searchid : "<none>" }} here: {{ value ? value : "none selected"}} </div> </template>

VUEJS:

 <script> import { defineComponent,ref } from 'vue' export default defineComponent({ setup() { const value = ref(""); const searchid = ref(""); const searchidinput = ref(""); function getvalue() { this.value=null this.searchid = this.searchidinput const el = document.getElementById(this.searchid); if (el) { this.value = el.value console.log(value); } } return { value, searchid, getvalue, searchidinput, }; } }) </script>

¿Cómo puedo transferir valores de texto sin base de datos a través del navegador en el mismo dominio/sitio web?