Shulou(Shulou.com)06/02 Report--

这篇文章主要介绍"web前端中iview有哪些特点"，在日常操作中，相信很多人在web前端中iview有哪些特点问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"web前端中iview有哪些特点"的疑惑有所帮助!接下来，请跟着小编一起来学习吧!

最近在使用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

})

到此，关于"web前端中iview有哪些特点"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧!若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.