运行vue空白问题，＜el-input＞使用v-model后页面空白

最新推荐文章于 2024-01-22 17:54:04 发布

Tiº

最新推荐文章于 2024-01-22 17:54:04 发布

阅读量863

点赞数 1

文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/nppmnhi/article/details/125168753

版权

运行Vue后发现一片空白，也没报错

代码如下：

 <el-form ref="loginForm" :model="user" rules="rules" status-icon label-width="80px">
      <h3>登录</h3>
      <hr>
      <el-form-item prop="username" label="用 户 名">
         <el-input v-model="loginForm.username" placeholder="请输入用户名" prefix-icon></el-input>
      </el-form-item>
 </el-form>

解决：

调试发现是<el-input>里加属性v-model后空白。v-model里的数据绑定出错，改为：

 <el-form ref="loginForm" :model="user" rules="rules" status-icon label-width="80px">
      <h3>登录</h3>
      <hr>
      <el-form-item prop="username" label="用 户 名">
         <el-input v-model="user.username" placeholder="请输入用户名" prefix-icon></el-input>
      </el-form-item>
</el-form>