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

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

这是对应筛选的内容

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

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

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

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

对应的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都必须从主入口文件中引入,否则就会莫名其妙的报错,百度必应直流都没有相关的问题 非常尴尬,自己一步步摸黑…
好了 下周加油!

    原文作者:米南阳
    原文地址: https://segmentfault.com/a/1190000010293871
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞