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

发布时间:2019-05-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue+ivews使用中的问题(一)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

这是对应筛选的内容

clipboard.png

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

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

clipboard.png

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

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

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

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

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的vue+ivews使用中的问题(一)全部内容,希望文章能够帮你解决vue+ivews使用中的问题(一)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。