网页携带参数,将参数通过网址传入到对应的页面输入框内
項(xiàng)目場(chǎng)景:
為了方便測(cè)試和功能的需求,他人可通過(guò)網(wǎng)址攜帶參數(shù),傳入到自己的輸入框內(nèi)
解決方案:
在mounteds()里寫(xiě)獲取url里面內(nèi)容的代碼,如果沒(méi)有用vue寫(xiě)的話需要把這個(gè)getObject方法寫(xiě)上,用vue了就不用寫(xiě)了,我也不曉得反正是這樣用的,如果有知道的還請(qǐng)?zhí)崾疽幌?/p>
get哪里是重點(diǎn)需要將url獲取到的數(shù)據(jù)利用正則表達(dá)式進(jìn)行切割出對(duì)應(yīng)參數(shù),然后通過(guò)mounted()里的以下代碼來(lái)調(diào)用并賦值
mounted() {
?? ??? ??? ?//調(diào)用網(wǎng)址傳參的get方法
?? ??? ??? ??window.οnlοad=function (){?? ??? ??? ?
?? ??? ??? ? getObject("key").value = get("k"); ?
?? ??? ??? ?//key作為input里的name名,接收到的值就是瀏覽器里的k參數(shù)
?? ??? ??? ?//k是瀏覽器里的參數(shù)名
?? ??? ??? ??}
?? ??? ??? ?this.myfunadds() //調(diào)用判斷網(wǎng)頁(yè)傳過(guò)來(lái)的值
?? ??? ?},
?至于 ?this.myfunadds() //調(diào)用判斷網(wǎng)頁(yè)傳過(guò)來(lái)的值
這個(gè)方法調(diào)用是哪里代碼如下:
myfunadds(){if(this.get("chfpdrName")!=''){this.queryInfos.chfpdrName=decodeURI(this.get("chfpdrName"))//主診醫(yī)生}if(this.get("chfpdrCode")!=''){this.queryInfos.chfpdrCode=this.get("chfpdrCode")//醫(yī)生代碼}if(this.get("deptCodg")!=''){this.queryInfos.deptCodg=this.get("deptCodg")//科室編碼} if(this.get("deptName")!=''){this.queryInfos.deptName=decodeURI(this.get("deptName"))//科室名稱}if(this.get("epcId")!=''){this.queryInfos.epcId=this.get("epcId")//處方ID號(hào)} if(this.get("diagDscr")!=''){this.queryInfos.diagDscr=decodeURI(this.get("diagDscr"))//診斷描述}if(this.get("insutype")!=''){this.queryInfos.insutype=decodeURI(this.get("insutype"))//險(xiǎn)種類型}if(this.get("tcmdrugUsedWay")!=''){this.queryInfos.tcmdrugUsedWay=decodeURI(this.get("tcmdrugUsedWay"))//服藥方式}if(this.get("reviewName")!=''){this.queryInfos.reviewName=decodeURI(this.get("reviewName"))//審核人員}if(this.get("adjustName")!=''){this.queryInfos.adjustName=decodeURI(this.get("adjustName"))//調(diào)劑人員}if(this.get("mdtrtId")!=''){this.queryInfos.mdtrtId=this.get("mdtrtId")//購(gòu)藥編碼}if(this.get("setlId")!=''){this.queryInfos.setlId=this.get("setlId")//結(jié)算id}if(this.get("mainCondDscr")!=''){this.queryInfos.mainCondDscr=decodeURI(this.get("mainCondDscr"))//病情描述}if(this.get("medrcdno")!=''){this.queryInfos.medrcdno=this.get("medrcdno")//病歷號(hào)碼 }if(this.get("tcmdrugCnt")!=''){this.queryInfos.tcmdrugCnt=this.get("tcmdrugCnt")//中藥付數(shù) } },這里將參數(shù)進(jìn)行這么多非空判斷是因?yàn)?我的頁(yè)面獲取到網(wǎng)頁(yè)傳過(guò)來(lái)的值之后再去執(zhí)行其它事件頁(yè)面會(huì)自動(dòng)刷新,數(shù)據(jù)就會(huì)消失,所以我做了非空判斷使得如果發(fā)現(xiàn)條件不滿足直接賦值就好了,然后在用到他的地方調(diào)用這個(gè)方法就好了
????????
?注: 如果參數(shù)里有漢字切記要轉(zhuǎn)換格式傳參方法如下:
this.queryInfos.chfpdrName=decodeURI(this.get("chfpdrName"))
?decodeURI(this.get("chfpdrName"))加上它就可以了
為什么要把調(diào)用的方法寫(xiě)到mounted里,一些函數(shù)用法我總結(jié)到這里了
created:html加載完成之前,執(zhí)行。執(zhí)行順序:父組件-子組件
mounted:html加載完成后執(zhí)行。執(zhí)行順序:子組件-父組件
methods:事件方法執(zhí)行
watch:watch是去監(jiān)聽(tīng)一個(gè)值的變化,然后執(zhí)行相對(duì)應(yīng)的函數(shù)。
computed:computed是計(jì)算屬性,也就是依賴其它的屬性計(jì)算所得出最后的值
created():組件實(shí)例創(chuàng)建完成,dom還未生成,僅僅觸發(fā)一次;
mounted是掛載vue實(shí)例后的鉤子函數(shù),僅僅執(zhí)行一次;
activated():在使用時(shí),會(huì)用到activated(),keep-live主要目的是可以使用緩存,避免組件重新渲染;?
activated()只要進(jìn)入頁(yè)面就會(huì)觸發(fā)
?
總結(jié)
以上是生活随笔為你收集整理的网页携带参数,将参数通过网址传入到对应的页面输入框内的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 解读随着教育改革的深入steam教育
- 下一篇: 毕达哥拉斯定理/勾股定理