這篇文章主要介紹“web前端中iview有哪些特點”，在日常操作中，相信很多人在web前端中iview有哪些特點問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”web前端中iview有哪些特點”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

我們提供的服務(wù)有：做網(wǎng)站、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、訥河ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的訥河網(wǎng)站制作公司

最近在使用iview框架寫項目,遇到了一些路由控制上的問題,解決過程中也有一些心得,故在此記錄下來.每個項目在開發(fā)時,對于類似tags(標簽頁)的控制需求都不盡相同,故以下先列出本文所述項目對標簽頁的控制要求(如有不同需求,本文當也可提供一些思路)。

iView使用特殊點總結(jié)

Table導出csv嵌套對象

handleStr(str){

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

//先判斷字符里是否含有逗號

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

//如果還有雙引號，先將雙引號轉(zhuǎn)義，避免兩邊加了雙引號后轉(zhuǎn)義錯誤

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

//這里必須對全局進行替換，網(wǎng)上原版是沒有的，不加全部只能處理數(shù)組，不能處理json

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

}

//將逗號轉(zhuǎn)義

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

})

到此，關(guān)于“web前端中iview有哪些特點”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

網(wǎng)頁標題：web前端中iview有哪些特點-創(chuàng)新互聯(lián)
URL鏈接：http://chinadenli.net/article42/dissec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、云服務(wù)器、Google、微信小程序、品牌網(wǎng)站設(shè)計、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)