這期內容當中小編將會給大家?guī)碛嘘P使用vue 怎么樣避免變量賦值后雙向綁定，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

美蘭ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

如： this.list = this.list2, 結果在list改變后 list2也改變，這不是我們想要的效果

第一種：

利用 JSON.parse 和 JSON.stringify

this.list= JSON.parse( JSON.stringify(this.list2) )

第二種：

ES6 的解析語法

this.list= { ...this.list2}

this.arr= [...this.arr2]

補充知識：解決vue中v-model綁定的變量賦值給了另一個變量后，兩個變量同時改變

先來看一下問題背景

我們要做一個 搜索+分頁 的功能，使用vue

我們將分頁控件綁定了點擊事件，點擊后提交v-model綁定的formData表單，但是我們忽略了一個問題，就是當輸入的信息改變的情況下，不點擊搜索，直接點擊分頁控件，提交的將會是新現(xiàn)在搜索框中的搜索條件。這樣就不和邏輯了。

于是我們在data中新加了一個表單的對象 submitForm，只有在點擊 查詢 的時候，v-model綁定的 formData 表單才會賦值給這個對象，而翻頁的時候提交的是 submitForm 。這樣就解決了這個問題。

data() {
  return {
  formData: {
   timeStart: '',
   timeEnd: '',
   // 分頁數(shù)據(jù)
   pageNo: 1,
   pageSize: 10
  },
  submitForm: {
   timeStart: '',
   timeEnd: '',
   // 分頁數(shù)據(jù)
   pageNo: 1,
   pageSize: 10
  },
 }

this.submitForm = this.formData
// 用 new也是一樣達不到效果
this.submitForm = new Object(this.formData)

文章題目：使用vue怎么樣避免變量賦值后雙向綁定-創(chuàng)新互聯(lián)
URL鏈接：http://www.chinadenli.net/article20/ccpdco.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、小程序開發(fā)、云服務器、用戶體驗、面包屑導航、移動網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)