iView组件添加API中介绍的事件的方式(render方式添加事件)
iView组件好用,文档齐全,品质可靠稳定。最大的好处是使用了Vue框架,使很多数据绑定和交互问题变的轻松,是难得的开源前端组件。给作者点个赞。用这个组件来学习Vue.js也是不错的选择。
最近用的比较多。碰到的主要问题是绑定事件,试了很多种写法,可能是对vue不太了解,一直没试对。最终发现写法其实很简单。
用现成的组件,比如API里写了一个事件是on-change,那么绑定事件写法是这样的
v-on:on-change="method"
或者
@on-change="method"
如果是在Render函数里面,同样以on-change事件为例,要这样写:
{
props:{...},
on:{'on-change':()=>{...}}
}
经测试,可以触发组件 $emit 出来的事件
另外render方式添加iview组件,依然要使用i-开头作为某些组件的标签,比如添加switch开关,不能直接用Switch,而要用i-switch,h('i-switch')
View Design中需要使用h(resolveComponent("i-button"))的形式(Vue.resolveComponent)
另外,不能使用<i-input /> 这种直接闭合的形式写,这样虽然能解析出来 i-input 但是,<i-input />后面的内容就不再解析了,会有莫名其妙的问题。
需要使用完整的<i-input></i-input>的形式,这样才不会丢失后面的内容。