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

范成
• 阅读 5044

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

点赞
收藏
评论区
推荐文章
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
3年前
Python Challenge Level 18
初学Python,挑战一下流行的PythonChallenge,很不幸,卡在了18关~~被字符字节码之间的转换搞得焦头烂额,不过终于搞定了还是很happy的~~~主要的问题就是16进制形式的字符如何转成字节码(注意:不是encoding)如:\'89','50','4e','47','0d','0a','1a','0a','00
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Stella981 Stella981
3年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Easter79 Easter79
3年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Stella981 Stella981
3年前
IView 2.0.0入门案例
    iView是Vue框架开发的UI框架,在iView1.0版本的时候就开始关注,但是未做过案例。截止目前,官网尚未更新iView2.0.0的案例及文档。今天终于抽了点时间做了个简单的案例,起抛砖引玉作用的同时,也在后续分享一下iView2.0.0快速开发。      先上代码,<html<head
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
为什么mysql不推荐使用雪花ID作为主键
作者:毛辰飞背景在mysql中设计表的时候,mysql官方推荐不要使用uuid或者不连续不重复的雪花id(long形且唯一),而是推荐连续自增的主键id,官方的推荐是auto_increment,那么为什么不建议采用uuid,使用uuid究
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
美凌格栋栋酱 美凌格栋栋酱
5个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(