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