vue中$set如何使用，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、湯原網(wǎng)站維護(hù)、網(wǎng)站推廣。

代碼如下：

這里面的click事件一直不執(zhí)行，一開始以為是點(diǎn)擊事件沒寫對(duì)一直在找原因，后面突然想到會(huì)不會(huì)是數(shù)據(jù)不同步的原因的，因?yàn)閑dit字段是自己添加進(jìn)去的字段，如下：

export default {
 name: 'strategic',
 data() {
  return {
   tableData: [{
    'pp_id': 4,
    'brand_name': '1414', 
    'project_name': '得意', 
    'description': '的u會(huì)回來會(huì)', 
    'publish_time': '2018-07-23',
    'is_used': 0 
   }]
  }
 },
 components: { },
 computed: {
 },
 created() {
  this.initTableData()
 },
 methods: {
  initTableData() {
   this.tableData.forEach(element => {
    element.edit = false
   })
  }
 }
}

之后我直接在數(shù)據(jù)里面加上edit字段，發(fā)現(xiàn)是能夠同步數(shù)據(jù)的，代碼如下：

data() {
  return {
   tableData: [{
    'pp_id': 4,
    'brand_name': '1414',
    'project_name': '1414',
    'description': '7588888888',
    'publish_time': '2018-07-23',
    'is_used': 0,
    'edit': false
   }]
  }
 }

原來是在我們使用vue進(jìn)行開發(fā)，當(dāng)生成vue示例后，再次給數(shù)據(jù)賦值時(shí)，有時(shí)候并不能自動(dòng)更新到數(shù)據(jù)上去，這時(shí)候我們就要通過$set來解決這個(gè)問題，解決代碼如下：

initTableData() {
 this.tableData.forEach(element => {
   this.$set(element, 'edit', false)
 })
}

關(guān)于vue中$set如何使用問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

當(dāng)前名稱：vue中$set如何使用-創(chuàng)新互聯(lián)
分享URL：http://weahome.cn/article/ddijdd.html