关于iview的使用心得

使用iview一定会用到render,毕业设计项目,赶鸭子上架,经过一番纠结,最终决定使用iview,感觉入坑了,bug很多,资料好少,用的人实在太少了,还有官方的各种解释各种不清楚,哎。。。。但是已经开始了这么多,就不能放弃!加油吧。。。。
render函数的解释在官方文档里写的很清楚,但是我是小白啊,经过一夜的奋斗,终于弄清楚了它的使用,不是大神,不敢说源码什么的全部清楚。。。哈哈哈。。。
我的项目中用的最多的就是render的嵌套了,它的嵌套要尤其注意{}、[]的使用,坑很多,有时候突然不灵什么的很正常,反正不咋的。

`
render: (h, params) => {
return h('div', [
h('Icon', {
props: {
value: 'edit',
type: 'edit',
size: 25
},
style: {
float: 'left'
},
nativeOn: {
click: () => {
//假装干了很多活
}
}
})

这不是完整的代码,太长了,嵌套了很多。不过用起来还是很好用的。。

另外,在使用tab的时候,发现如果tab页面多,必须要有一个母页面,也就是打死不动的,如果全部都是动态获取,打包发布的时候居然渲染不出来。。。。

另外组合的radiogroup,在表格里面的,单击一个,其他的所有radio居然会闪一下。。。。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
引用和提供了关于iview中radio按钮和点击事件的示例代码。在iview中,可以使用RadioGroup组件和Radio组件来创建radio按钮组件。通过设置v-model属性来绑定数据,通过@on-change事件来触发点击事件。在示例中,当点击单选按钮时,会触发changeModel方法,并通过改变数据来实现相应的逻辑。例如,在的示例中,当点击单选按钮并选择"否"时,会触发changeModel方法,将model.planType置为空。这样就可以实现对radio按钮的点击事件的处理。这是iview中给radio按钮组件加点击事件的实例。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [iView 使用 radio 控制下面输入框的显示隐藏](https://blog.csdn.net/weixin_43900414/article/details/116045502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [iview使用Radio实现单选](https://blog.csdn.net/weixin_41996632/article/details/89360484)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [iview给radio按钮组件加点击事件的实例](https://download.csdn.net/download/weixin_38647039/12771795)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值