日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

网页携带参数,将参数通过网址传入到对应的页面输入框内

發布時間:2023/12/16 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 网页携带参数,将参数通过网址传入到对应的页面输入框内 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

項目場景:

為了方便測試和功能的需求,他人可通過網址攜帶參數,傳入到自己的輸入框內


解決方案:

在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()只要進入頁面就會觸發

?

總結

以上是生活随笔為你收集整理的网页携带参数,将参数通过网址传入到对应的页面输入框内的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。