<div class="mui-content" id="app">
<div class="mui-card" >
<form class="mui-input-group">
<div class="mui-input-row">
<label>用户名</label>
<input type="text" v-model.trim="userName" class="mui-input-clear" placeholder="请输入用户名">
</div>
<div class="mui-input-row">
<label>密码</label>
<input id="pass" type="password" v-model.trim="password" class="mui-input-password" placeholder="请输入密码">
</div>
</form>
<button id='loginBtn' v-on:tap="login" data-loading-text="请稍后" class=" mui-btn btnLogin mui-btn-warning">登录</button>
</div>
</div>
var app = new Vue({
el: "#app",
data: {
userName: 'admin',
password: '123456',
validateMsg: null
},
mounted: function() {
mui.init();
mui('.mui-input-row input').input();
}
})
密码输入框,明文密文的切换按钮无法使用,去掉vue是正常的。
德里克的骄傲 (作者)
.....
2017-03-24 11:30