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

vue3獲取this對象

這篇具有很好參考價值的文章主要介紹了vue3獲取this對象。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

在vue3,獲取this對象有兩種方式

第一種方式,使用setup參數

 setup(props,context){

        console.log(context);

}

setup的第二個參數context是執(zhí)行上下文的參數,打印contex如下所示

vue3獲取this,vue.js,前端,javascript,vue.js

可以獲取子傳父屬性的對象信息內容emit方法 ?

第二種方式,getCurrentInstance

getCurrentInstance方法,獲取當前組件的實例、上下文來操作router和vuex等

使用:由vue提供,按需引入:import { getCurrentInstance} from 'vue'

 const instance=getCurrentInstance() 
        let {proxy}=instance

此方法在開發(fā)環(huán)境以及生產環(huán)境下都能放到組件上下文對象(推薦使用)

const {ctx}=getCurrentInstance()

這種方式只能再開發(fā)環(huán)境下使用,生產環(huán)境下的ctx將訪問不到文章來源地址http://www.zghlxwxcb.cn/news/detail-587424.html

到了這里,關于vue3獲取this對象的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 解決vue3前端獲取文件的絕對路徑問題

    公司的項目是基于vue3的,由于需求需要前端獲取用戶選的文件的絕對路徑。但是瀏覽器處于安全策略無法獲取真實的文件路徑,只能拿到相對路徑或者是D:fakepathxxxx. 看了網上很多方法都很坑,明明沒拿到路徑非說拿到了,浪費了很多時間,這里要說單純依靠vue是解決不了的

    2024年02月09日
    瀏覽(22)
  • 前端(四)——vue.js、vue、vue2、vue3

    前端(四)——vue.js、vue、vue2、vue3

    ??博主:小貓娃來啦 ??文章核心: vue.js、vue、vue2、vue3從全局到局部 Vue.js是一款流行的JavaScript框架 vue,vue2,vue3都是vue.js的不同版本。 Vue:Vue.js的第一個版本,也稱為Vue 1.x。它于2014年首次發(fā)布,并獲得了廣泛的應用和認可。 Vue2:Vue.js的第二個版本,也稱為Vue 2.x。它在Vu

    2024年02月12日
    瀏覽(28)
  • javaScript中對象使用遍歷渲染鍵值對取值,Vue的{{}}中寫方法獲取值。

    ?類似于這樣的數據有若干條,我們希望展示的方式為 我的朋友: ? ? ? ? 陪我同眠的床伴【熊貓:花花,狗熊:阿壯】 此時在代碼中的應該如果來寫? {{?item[Object.keys(item)[0]]?}}?會顯示數組元素的值,而?(Object.keys(item)[0])?會顯示數組元素的鍵。 i tem[Object.keys(item)[0]]會根

    2024年01月17日
    瀏覽(17)
  • JavaScript this對象

    this時是函數運行時自動生成的一個內部對象,只能在函數內部使用,總 指向調用它的對象 默認綁定 全局環(huán)境中定義函數,內部使用this 上述調用函數的對象在瀏覽器中為window,所以this指向window,輸出Jenny 函數可以作為某個對象的方法來調用,此時this就指向這

    2024年03月11日
    瀏覽(18)
  • JavaScript---環(huán)境對象this

    環(huán)境對象 :指的是? 函數 ? 內部特殊的 變量 ? this , 它代表著當前函數運行時所處的環(huán)境。每個函數都有環(huán)境對象this。函數調用的方式不同,this指代的對象不同。 普通函數里面this指向的是window 誰調用,this就指向誰(是判斷this指向的粗略規(guī)則) 箭頭函數沒有this

    2024年02月14日
    瀏覽(17)
  • 前端HTML、CSS、JS、VUE3 匯總

    前端HTML、CSS、JS、VUE3 匯總

    學習https://developer.mozilla.org/zh-CN/docs/Learn/CSS 提示:這里可以添加系列文章的所有文章的目錄,目錄需要自己手動添加 使用VS Code運行前端代碼 在VS Code上安裝前端插件 正在更新中~ ? 提示:這里可以添加本文要記錄的大概內容: 學習路線 知識定位 HTML基礎 標簽、表格、表單、

    2024年02月13日
    瀏覽(69)
  • vue3基于組合式API使異步獲取的數據對象具有響應性

    在 Vue 3 中,可以使用組合式 API 中的 ref 和 reactive 函數來使異步獲取的數據具有響應性。 首先,使用 ref 函數創(chuàng)建一個響應式的基本數據類型,例如字符串、數字或布爾值。然后,在異步獲取數據的回調函數中,更新該 ref 對象的值。由于 ref 對象是響應式的,因此當數據發(fā)生

    2024年02月03日
    瀏覽(23)
  • vue3中ref獲取不到組件實例&&數組中對象的屬性值去重

    1、vue3中ref獲取不到組件實例 原因 :使用語法糖的組件是默認關閉的,也即通過模板 ref 或者 $parent 鏈獲取到的組件的公開實例,不會暴露任何在 script setup 中聲明的綁定。 解決方法 : 為了在 語法糖組件中明確要暴露出去的屬性,使用 defineExpose 編譯器宏將需要暴露出去的變

    2024年02月11日
    瀏覽(26)
  • vue3的setup 語法糖中獲取slot 插槽的dom對象

    最近使用vue3開發(fā)項目,需要封裝一個無限滾動的組件,使用scroll組件內置插槽接受模板的方式,所以需要在scroll組件內獲取到模板渲染后dom元素的寬高。 但是setup語法糖是組件生命周期的beforeCreate和created中,而且經過測試,在mounted函數中的el屬性也是null,所以得出結論模板

    2024年02月15日
    瀏覽(26)
  • Vue3通過JS修改Css樣式(附節(jié)點獲取相關知識)

    方法一:通過獲取節(jié)點style(獲取標簽節(jié)點) 方法二:通過動態(tài)設置class 方法三:直接動態(tài)設置style ?附節(jié)點獲取相關知識

    2024年02月16日
    瀏覽(25)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領取紅包

二維碼2

領紅包