web前端中iview有哪些特点-创新互联
这篇文章主要介绍“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有哪些特点”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
当前标题：web前端中iview有哪些特点-创新互联
链接URL：http://6mz.cn/article/dissec.html