vueでは、インターフェースから取得したURLの{}内のパラメータをjs経由で対応する値に置き換えます

最近、仕事で必要なことが発生しました。まず、ページ上のボタンにクリックしてジャンプするリンクを設定し、リダイレクトする URL とその必要なパラメータを手動で入力して、別のインターフェイスを介して設定済みの URL を取得します。 page.url を入力し、その中のパラメータを置き換えます。この状況に対処するのはこれが初めてなので、記録してください。

フロントエンド ページ設定 URL、パラメータ値は {} パッケージによって占有されます

次に、適応ページのインターフェイスを通じて設定された URL を取得し、その中のパラメータを置き換えます

1. まず、通常のマッチングによってすべてのパラメータ配列を検索します。

2. 次に、パラメーター配列を走査して、配列値から外側の中括弧を削除し、最後に URL 内の {FLOWID} を FLOWID に対応する値に置き換えます。

var array = []
var row={
 FLOWID:'erf343wfdfdas',
 FLOWFORMID:'fjiwoqiuo3829038fashkda'
}
var url='/lc/fiveTuple/testPage?flowId={FLOWID}&formId={FLOWFORMID}'
array = url.match(/{(.*?)}/g) //结果：['{FLOWID}', '{FLOWFORMID}']
if (array && array.length) {
  array.forEach(val => {
     var val1 = val.substring(1, val.length - 1)
     url = url.replace(val, row[val1])
  })
}
console.log(url)  //结果：/lc/fiveTuple/testPage?flowId=erf343wfdfdas&formId=fjiwoqiuo3829038fashkda