iviewUI使用中遇到的问题与解决方案(一)

6 篇文章 0 订阅
项目中使用的iviewUI的版本是2.7.3,在使用中遇到的问题总结了一些,后续会更新,如果各位大神有遇到的坑欢迎评论补充
1、modal的样式要放到最外面,否则样式给不到;
2、iview组件的事件@on-change=fn,fn后面没有‘(参数)’;
3、router-view不能放到tabs里面,组件会渲染两次,要把它单独拿出来
4、FormItem里面input或者select不能用:model动态绑定元素,要用v-model
5、表格中嵌套其他组件
(1)table+tooltip
首先:render函数的使用
规则:h('标签名',{属性},[子节点])
eg:
render:  (h,  params)  =>  {
return  h('div', {}, [
h('Tooltip', {
props:  {
    placement:  'bottom'
},
    style:  {
},
on:  {
click:  ()  =>  {

}
}
          }, [
h('Button', {
props:  {
    type:  'text'
}
},  params.row.xxx),
h('div', {
slot:  'content',
style:  {
zIndex:  999,
whiteSpace:  'normal'
}
},  'tooltip內容')
])

])
}

(2) table+switch


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值