Yo intente esto:

<input type="text"
    name="username"
    v-model="user.name"
    :value="'The user name is: '+user.name">

Es posible de alguna manera para mostrar en la entrada que se presentó es «El nombre de usuario es: John Doe» ?

O necesito definitivamente el uso de un valor calculado en este caso?

  • usted puede utilizar un marcador de posición
  • ¿me puedes mostrar un código para esto?
  • puesto que usted está utilizando v-modelo el texto de marcador de posición no se muestra hasta que el campo de entrada está vacía . Sry por que, pero, ¿qué es exactamente el caso de uso que están esperando, porque usted no desea mostrar el nombre de usuario es el nombre de usuario campo de entrada de la derecha?
  • Puedo usar esta solución en un formulario de contratación, que tiene un producto anterior de selección de Vue de la plantilla. El usuario selecciona el producto, establecer los parámetros y haga clic en «Next» botón, y aquí os muestro un formulario con campos deshabilitados y cargado previamente los valores seleccionados. Él puede dar su nombre, correo electrónico, etc, y pidiendo la devolución de una llamada desde el empleado. Así que lo que quiero es sólo un resumen de la página (lo que es una forma demasiado).
  • De todos modos… yo implemeted con los valores calculados… solo que ahora tengo «myval» y «text_myval» valores con nombre demasiado… no es un buen uno.
InformationsquelleAutor netdjw | 2017-06-30

2 Comentarios

  1. 2

    Las opciones parecen ser a enlazar directamente con el valor, en lugar de un v-modelo, o para crear un calculada de la propiedad y v-modelo a:

    https://codepen.io/aprouja1/pen/jwxagE

    new Vue({
      el:'#app',
      data(){
        return{
          user:{
            name:'Bob'
          }
        }
      },
      computed:{
        nameString(){
          return `The user name is: ${this.user.name}`
        }
      }
    })
    
  2. 0

    Lo que estás pidiendo (creo) que es un poco confuso, porque estás diciendo básicamente que usted desea que el cuadro de texto contienen texto como «El nombre de usuario es: Bob», pero desea user.name a la igualdad de «Bob», incluso después de que el usuario modifica el valor del campo de texto a un texto que no puede ni siquiera comenzar con «El nombre de usuario es: «.

    De manera realista el texto «El nombre de usuario es:» no debería estar en el cuadro de texto en todo, debe ser un <label>:

      <label>The user name is:</label>
      <input type="text" name="username" v-model="user.name">
    

    También puede utilizar CSS para crear sus propias «entrada» el elemento que contiene un <label> y un <input> elemento con todos los estilos eliminado por lo que parece en el texto «El nombre de usuario es:» es parte del texto editable, pero en realidad no lo es.

    • En realidad, yo no estoy diciendo que 🙂 tengo un modelo de datos data.user.name y es actualizado desde algún otro lugar. Sólo quiero mostrar The user name is {{ user.name }} en el campo. Todos los thext necesita estar en el campo de entrada de valor.
    • En ese caso, todo lo que necesitas hacer es eliminar los v-model y usar sólo el :value de unión.

Dejar respuesta

Please enter your comment!
Please enter your name here