0
149
VistasProblemas con el enlace condicional con enlaces de entrada de formulario Vue
¿Puede alguien ayudarme a descubrir cómo agregar una condición a este enlace de una manera que genere un enlace diferente en función de si la entrada no tiene ninguna, una o varias comas?
<p>{{ target}}</p> <input v-model="target" placeholder="Enter Your Target" />entonces, en caso de que la entrada no tenga coma, la salida será
You Entered `London`Si una coma
You Entered `London` AND `Paris`y si muchos
You Entered `London` AND `Paris` AND `Rome` 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Tal vez como lo siguiente:
new Vue({ el: '#demo', data() { return { target: '', } }, computed: { result() { return this.target && '`' + this.target.replaceAll(",", "` AND `") + '`' } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <p>You Entered {{ result }}</p> <input v-model="target" placeholder="Enter Your Target" /> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta