Necesito poner en mayúsculas los datos de entrada del modelo user.full_name. y si es posible, debe escribirse solo en letras latinas
Vue js mayúsculas
<p-input :value="value" @input="$emit('input', $event)" /> <UIFormInput v-model="user.full_name " class="w-full" label="Full name" />Tengo muchas entradas. Necesito mayúsculas algunos de ellos. más precisamente, el modelo es user.full_name. entonces necesito ayuda
Solo necesita cambiar this.value . Y con la ayuda del paquete dzcpy/transliteration , puede transformar las letras de entrada en sus contrapartes latinas.
new Vue({ el: '#app', template: `<input :value="value" @input="onChange" />`, data() { return { value: '' } }, methods: { onChange(evt) { this.value = transliterate(evt.target.value.toUpperCase()); } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <script async defer src="https://cdn.jsdelivr.net/npm/transliteration@2.1.8/dist/browser/bundle.umd.min.js" ></script> <div id="app"></div>