9***@qq.com
9***@qq.com
  • 发布:2019-03-21 16:16
  • 更新:2019-03-21 16:16
  • 阅读:1413

MUI input mui-input-password 和 Vue 共同使用失效的问题

分类:MUI

<input v-model="password" type="password" class="mui-input-password mui-input" placeholder="设置6位数字密码">
和Vue共用,那个小眼睛失效。无论怎么动态初始化都不好使!

解决办法:

1、在Vue中自定义组件:
Vue.component('p-input', {
mounted:function() {
mui('.mui-input-row input').input();
},
props: ['value', 'placeholder'],
template:
'<input type="password" class="mui-input mui-input-password" :placeholder=placeholder '+
' v-bind:value="value" '+
' v-on:input="$emit('input', $event.target.value)" '+
'>'
})

2、html中这么用:
<p-input v-model="password" placeholder="设置6位数字密码"></p-input>

0 关注 分享

要回复文章请先登录注册