javascript - input 是不是不能同时用:value和v-model
问题描述
<template> <p id='login'><p> 用户: <input type='text' v-model='username' :value=’info.name’> 密码: <input type ='text' v-model='password' :value=’info.psd’></p> </p></template><script> export default{name:’login’,data(){ return{username:’’,password:’’,info:{ name:’123’, psd:’123’,}, }}, }</script>
我想让input最初显示的是info里面的值,然后可以用v-model的值,但是不能达到效果。info的值并没有显示出来。请问这样写是不是错的?要实现我的需求应该怎么写?
问题解答
回答1:return{username:’123’,password:’123’, }
反正是双向的,何必多出来呢。
回答2:建议把v-bind:value去掉,直接把info.name和info.psd写到v-model上面,代码如下:
<template> <p id='login'><p> 用户: <input type='text' v-model='username'> 密码: <input type ='text' v-model='password'></p> </p></template><script> export default{name:’login’,data(){ return{username:’123’,password:’123’,info:{ name:’123’, psd:’123’,}, }}, }</script>
当input的value改变的时候,username和password也就改变了
回答3:v-model 就是 v-bind:input 和 v-bind:value 的语法糖。
回答4:已解决,用一个input和一个p配合即可
回答5:https://jsfiddle.net/stardew/...
相关文章:
1. mysql - 在不允许改动数据表的情况下,如何优化以varchar格式存储的时间的比较?2. css - chrome下a标签嵌套img 显示会多个小箭头?3. javascript - 网页打印页另存为pdf的代码一个问题4. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.5. java中返回一个对象,和输出对像的值,意义在哪儿6. css3 - 纯css实现点击特效7. docker网络端口映射,没有方便点的操作方法么?8. mysql 为什么主键 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?9. javascript - Img.complete和img.onload判断图片加载完成有什么区别?10. javascript - 有适合开发手机端Html5网页小游戏的前端框架吗?
