web前端中iview有哪些特点-创新互联
这篇文章主要介绍“web前端中iview有哪些特点”,在日常操作中,相信很多人在web前端中iview有哪些特点问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”web前端中iview有哪些特点”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
我们提供的服务有:做网站、成都网站制作、微信公众号开发、网站优化、网站认证、讷河ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的讷河网站制作公司最近在使用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有哪些特点-创新互联
网页链接:http://scyanting.com/article/dissec.html