A Jersey customization

Please I am working on an emcommerce project and I need to design the jersey page in such a way that the default jersey will show but, once user updates the input field, the jersey changes to the name from the input.

Please a guidance on how to build such a thing using Vue and Laravel would be much appreciated.

thanks

FOliveira

2 years ago

Level 1

in this excerpt, if the input is empty, the default value will be displayed, in case of text input in the field it updates to the entered value

<script setup>

  const input = ref("")
  
</script>
<template>

  <input v-model="input" type="text">
  
  <span>
    {{ input ? input : 'Default' }}
  </span>
  
</template>

1 like

Please or to participate in this conversation.