最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.每个项目在开发时,对于类似tags(标签页)的控制需求都不尽相同,故以下先列出本文所述项目对标签页的控制要求(如有不同需求,本文当也可提供一些思路)。

　　iView使用特殊点总结

　　Table导出csv嵌套对象

　　handleStr(str){

　　lethandleStr=str.replace(/[\r\n]/g,"");

　　//先判断字符里是否含有逗号

　　if(str.indexOf(",")!=-1){

　　//如果还有双引号，先将双引号转义，避免两边加了双引号后转义错误

　　if(str.indexOf("\"")!=-1){

　　//这里必须对全局进行替换，网上原版是没有的，不加全部只能处理数组，不能处理json

　　handleStr=str.replace(/\"/g,"\"\"");

　　}

　　//将逗号转义

　　handleStr="\""+handleStr+"\"";

　　returnhandleStr

　　}

　　return"\""+handleStr+"\"";

　　}

　　Table中添加图片

　　column：[

　　{

　　title:"头像",

　　width:160,

　　render:(h,params)=>{

　　returnh('img',{

　　style:{

　　width:"100px",

　　},

　　//可以使用domProps或者attrs

　　domProps:{

　　src:params.row.url

　　}

　　//attrs:{

　　//src:params.row.url

　　//}

　　})

　　}

　　}

　　]

　　基于iview的router常用控制方式

　　iview是基于vue的框架,故vue本身自带的router控制方法是必然可行的.

　　vue变更路由的常用方式参考以下(该方法在官方api中有更详细的介绍):

　　//变更当前路由(有历史记录,建议使用此方式)

　　this.$router.push({

　　name:'routerName',

　　params:routerParam

　　})

　　//变更当前路由(无历史记录)

　　this.$router.replace({

　　name:'routerName',

　　routerParam

　　})