vue+ivews使用中的问题(一)

公司前台是vue+ivew的模式 这才看了iview的api
感觉iview功能还是很强大,不过更适合于后台开发。废话不多说,直接上问题。

这是对应筛选的内容

clipboard.png

在iview里 时间控件用 Data-picker 设置属性 type 为 date 或 daterange 分别显示选择单日和选择范围类型。
设置属性 placement 可以更改选择器出现的方向,与 Poptip 和 Tooltip 配置一致,支持 12 个方向,详见 API。 https://www.iviewui.com/compo...
其实这些都还好,api写的很简单 这里不意义赘述

这里主要说一下table 因为第一次使用这个ui框架

clipboard.png

对应的columns如上图 : id ,操作类型......等
其实可以在vue中直接绑定
data里直接return

clipboard.png

当然 在你的template的中要绑定对应的columns和data:

clipboard.png

(ps.如果你要问stripe border之流建议去看api 很EZ)

这里我们一般都是colunms去对应展示内容的分类
data中的数据对应colunms中的key字段 完成展示table
当然 data应该是在生产环境中是需要从后台获取的
axios获取之后直接扔给data函数的data数组接受就好。但是这里有一个问题
当后台返回给你的是一个层级多的json时,colunms里面的key只是字符串,不能通过.的方式去调用相应的属性。
以上
下周估计是一些highcharts和tinymce在vue上的集成
这几天搭了一个架子 但是有一个很大的问题 所有配置的js都必须从主入口文件中引入,否则就会莫名其妙的报错,百度必应直流都没有相关的问题 非常尴尬,自己一步步摸黑...
好了 下周加油!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值