国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue中使用watch監(jiān)聽同時(shí)監(jiān)聽兩個(gè)數(shù)據(jù)

這篇具有很好參考價(jià)值的文章主要介紹了vue中使用watch監(jiān)聽同時(shí)監(jiān)聽兩個(gè)數(shù)據(jù)。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

使用場景,創(chuàng)建一個(gè)子組件,父組件會向子組件中穿遞一個(gè)狀態(tài) - "status" ,子組件需要同時(shí)監(jiān)聽this.$route.params中的值和status,然后再去調(diào)方法,所以需要同時(shí)監(jiān)聽文章來源地址http://www.zghlxwxcb.cn/news/detail-506127.html

props: {
    status: {
      type: Boolean,
      default: false,
    },
},

computed: {
    isStartExercise() {
      // 路由上的數(shù)據(jù)
      let a = this.$route.params.sectionTaskId;
      // 父組件傳過來的數(shù)據(jù)
      let b = this.status;
      // return 出來并且對其進(jìn)行監(jiān)聽
      return { a, b };
    }
}

watch: {
    isStartExercise: {
      immediate: true,
      handler(n) {
        if (n.a && n.b) {
          // 判斷這兩個(gè)值同時(shí)存在,再進(jìn)行業(yè)務(wù)邏輯操作
          
        }
      },
    },
  },

到了這里,關(guān)于vue中使用watch監(jiān)聽同時(shí)監(jiān)聽兩個(gè)數(shù)據(jù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 在 Vue.js 中,使用 watch 監(jiān)聽data變量如:對象屬性/data變量

    在 Vue.js 中,使用 `watch` 監(jiān)聽對象屬性 的變化時(shí),應(yīng)該將屬性名作為 字符串 傳遞給 `watch` 選項(xiàng)。 示例如下: ```javascript updateAddChuZhenForm函數(shù) 現(xiàn)在,當(dāng) `isCheck1` 或 `isCheck2` 的值發(fā)生變化時(shí),相應(yīng)的 `watch` 函數(shù)將被觸發(fā)。 ``` 如果你想要 監(jiān)聽一個(gè)普通變量 ,而 不是 Vue 實(shí)例的屬

    2024年02月09日
    瀏覽(28)
  • vue中的Computed和watch區(qū)別即使用方法、場景

    在Vue.js, computed 是一個(gè)非常有用的屬性,它允許聲明計(jì)算屬性,這些屬性會根據(jù)其依賴的數(shù)據(jù)進(jìn)行自動(dòng)更新,而無需手動(dòng)觸發(fā)。 computed 屬性常用于根據(jù)現(xiàn)有的響應(yīng)式數(shù)據(jù)進(jìn)行計(jì)算,以生成派生的數(shù)據(jù),而這些數(shù)據(jù)的值會隨著依賴數(shù)據(jù)的變化而自動(dòng)更新。 計(jì)算屬性的緩存:

    2024年02月10日
    瀏覽(23)
  • vue中created、watch、methods的區(qū)別,一般如何使用,在什么場景下使用

    在Vue中, created 、 watch 和 methods 是Vue實(shí)例中常用的三個(gè)選項(xiàng)。它們的作用和使用場景如下: created : 作用: created 是Vue實(shí)例生命周期鉤子函數(shù)之一,在Vue實(shí)例創(chuàng)建完成后立即調(diào)用。在 created 鉤子函數(shù)中,可以執(zhí)行一些初始化邏輯、數(shù)據(jù)請求和監(jiān)聽事件等操作。 使用場景:一

    2024年02月11日
    瀏覽(27)
  • Vue2 Watch監(jiān)聽

    在Vue2中,我們可以使用watch來監(jiān)聽一個(gè)數(shù)據(jù)的變化,并且在數(shù)據(jù)變化時(shí)執(zhí)行一些操作。這個(gè)特性是Vue2非常強(qiáng)大的一個(gè)功能,可以幫助我們監(jiān)控一個(gè)或多個(gè)數(shù)據(jù)的變化,然后做出相應(yīng)的反應(yīng)。 要使用watch,我們需要在Vue組件的選項(xiàng)中聲明一個(gè)watch對象,如下: watch對象的每個(gè)屬

    2024年02月17日
    瀏覽(30)
  • vue3 watch 監(jiān)聽多值以及深度監(jiān)聽用法

    1.監(jiān)聽單個(gè)值 引入: import {…, watch} from “vue”; import {useRouter} from ‘vue-router’; 2.監(jiān)聽多個(gè)值 還是上面路由的例子 2.深度監(jiān)聽

    2024年02月14日
    瀏覽(23)
  • vue watch監(jiān)聽對象 新舊值一樣

    廢話不多說,直接上代碼 通過打印最后發(fā)現(xiàn)一個(gè)問題,watch中的新舊值一樣 解決方案 通過computed剝離與原數(shù)據(jù)的引用關(guān)系

    2024年02月12日
    瀏覽(18)
  • Vue2 watch監(jiān)聽props的值

    Vue2 watch監(jiān)聽props的值

    再次遇到監(jiān)聽子組件收到父組件傳過來的值,如果這個(gè)值變化,頁面中的值發(fā)現(xiàn)是不會跟著同步變化的。所以監(jiān)聽props中的值,一直監(jiān)聽。 ? 代碼: ?

    2024年02月13日
    瀏覽(20)
  • vue 初始化方法 create,beforeMount,mount,computed,watch 方法執(zhí)行順序及使用場景

    前言:vue 存在一些基本屬性和相關(guān)對象如果合理使用,可以避免代碼混亂 執(zhí)行順序 create beforeMount computed mounted watch 方法說明 created執(zhí)行時(shí)掛載階段還沒有開始,模版還沒有渲染成html,所以無法獲取元素。created鉤子函數(shù)主要用來初始化數(shù)據(jù)。 beforeMount 這一步的時(shí)候,模版已經(jīng)

    2024年02月11日
    瀏覽(20)
  • Vue3前端開發(fā),watch偵聽器的深度監(jiān)聽和精確監(jiān)聽

    Vue3前端開發(fā),watch偵聽器的深度監(jiān)聽和精確監(jiān)聽

    Vue3前端開發(fā),watch偵聽器的深度監(jiān)聽和精確監(jiān)聽!今天和大家分享的內(nèi)容是,關(guān)于watch的深度偵聽和精確監(jiān)聽。 首先看一下,第一個(gè)案例,練習(xí)的是,深度監(jiān)聽的效果。默認(rèn)是淺的偵聽,是不會觸發(fā)回調(diào)函數(shù)的。 如圖,當(dāng)我們點(diǎn)擊按鈕,修改num值的時(shí)候,觸發(fā)了回調(diào)函數(shù),在

    2024年01月23日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包