原生js中打開另一個窗口頁面，選擇數據后傳遞給當前頁面中

當前頁面：

<input id="bankNo" v-model="bankNo" name="bankNo"></input> 
<button @click="goPage()">跳轉頁面獲取數據</button>

goPage:function(){
　　window.open(http://test.biz.sinosure.com.cn/biz/CreditBuyer.html)
}

 

跳轉到第二個頁面進行選擇：

<div>
    <span>這是像要的數據：</span>
    <div v-model="data"></div>
</div>
<button @click="select()">選擇</button>

select:function(){
  // 選擇后數據傳遞給第一個頁面
  let parwindow = self.opener
　// 給父頁面中的元素進行賦值
  parwindow.document.getElementById("bankNo").value = this.data      
}

此時第一個頁面中id為"bankNo"的input中的已經有值了，但是由於是操作DOM修改的元素內容，所以該input上面v-model中的bankNo還沒有值，所以第一個頁面需要監聽元素變化以后給v-model中的元素賦值

第一個頁面中跳轉的時候進行監聽：

goPage:function(){
　　window.open(http://test.biz.sinosure.com.cn/biz/CreditBuyer.html)
   var simTime = setInterval(function(){
     let str = document.getElementById("bankNo").value
     if(str){
       this.bankNo = str
       // v-model中bankNo有值以后，清除定時器 
       clearInterval(simTime)
     } 
　 },500)  
}