v-cloak:防止页面加载时变量闪烁{{object}}
<div id="login" v-cloak @keyup.enter="submit"></div>
div内的所有变量再未加载成功时都不会闪烁。、
@keyup.enter="submit"
按下enter回车键时执行submit()函数
@click="submit"
点击时触发submit函数 等同于v-on监听click事件
v-model="userView.code"
data:{
userView:{
password:"root",
code:"123"
}
},
再各种标签元素上进行双向数据绑定,用于数据初始化,绑定数据等。 这里会赋值123
:src="codeUrl"
图片标签 src属性双向数据绑定。可直接 :src="url" 来获取js data中的值。 不要{{url}}
<el-button type="primary" style="width:100%;" @click="submit">登录</el-button>
按钮button类型 :
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>