天天看点

MDUI中Select初始化问题

在使用MDUI的时候,使用级联时,碰到了数据不能正常显示的问题,去GIT HUB中提问了作者后发现,原来还是自己没有好好的看说明文档,那么为什么要写这个呢?因为发现了作者没有标明的一点,就是初始化的问题,主要还是提醒自己吧!

HTML

<select ref="el" value.bind="val" class="mdui-select" mdui-select>
           

JS

var mdel = new mdui.Select(this.el);

this.taskquee.queueTask(() => {  //这个是aurelia中元素变化完成的监听,按实际写
  this.mdel.handleUpdate();
})
           

这两个相加了以后,页面中出现了2个Select,开始没想到怎么回事,到了最后的时候发现只需要去掉上边的 mdui-select ,然后进行初始化即可,这个真是万万没想到,在这上边耽误了小半小时,感觉不应该,写出来下次注意!

正确的写法

HTML

<select ref="el" value.bind="val" class="mdui-select">
           

JS

var mdel = new mdui.Select(this.el);

this.taskquee.queueTask(() => {  //这个是aurelia中元素变化完成的监听,按实际写
  this.mdel.handleUpdate();
})