第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么我的計算屬性沒有在 Vue 中更新?

為什么我的計算屬性沒有在 Vue 中更新?

汪汪一只貓 2022-12-22 15:59:19
這應(yīng)該很容易,但我找不到我做錯了什么。僅當(dāng)檢查所有復(fù)選框時,才應(yīng)啟用該按鈕,但是更改并未傳播。事實上 buttonDisabled 只在開始時被調(diào)用一次。會喜歡一個答案和一些關(guān)于如何調(diào)試它的技巧。<template>  <f7-page name="home">    <f7-list inset>      <f7-list-item title="I've got my headphones on">          <f7-checkbox slot="media" :checked="checked.headphones"></f7-checkbox>      </f7-list-item>      <f7-list-item title="I have 10 minutes to myself">          <f7-checkbox slot="media" :checked="checked.time"></f7-checkbox>      </f7-list-item>      <f7-list-item title="I'm in a quiet space">          <f7-checkbox slot="media" :checked="checked.quiet"></f7-checkbox>      </f7-list-item>    </f7-list>    <f7-list inset>        <f7-button :disabled="buttonDisabled" fill round>Let's get started</f7-button>    </f7-list>  </f7-page></template><script>  export default {    data: function() {      return {        checked: {          headphones: false,          time: false,          quiet: false,        }      }    },    computed: {      buttonDisabled() {        return ! ( this.checked.headphones && this.checked.time && this.checked.quiet );      }    }  }</script>
查看完整描述

2 回答

?
慕尼黑8549860

TA貢獻1818條經(jīng)驗 獲得超11個贊

您需要使用 @change 來更新每個復(fù)選框的模型。

https://framework7.io/vue/checkbox.html

<f7-checkbox slot="media" :checked="checked.headphones" @change="checked.headphones = $event.target.checked"></f7-checkbox>


查看完整回答
反對 回復(fù) 2022-12-22
?
大話西游666

TA貢獻1817條經(jīng)驗 獲得超14個贊

這是由于 vue 的反應(yīng)性警告:https ://v2.vuejs.org/v2/guide/reactivity.html

您正在更新對象的屬性,并且計算屬性無法注冊更改 - 作為解決方案嘗試以change這種方式處理事件:@change="checked = {...checked}


查看完整回答
反對 回復(fù) 2022-12-22
  • 2 回答
  • 0 關(guān)注
  • 226 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號