vue3函數(shù)掛載到window對象
當(dāng)前位置：點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
一、概述最近項目中需要與其他系統(tǒng)集成，其他系統(tǒng)通過獲取頁面上的HTML內(nèi)容來進(jìn)行集成。因此需要提供一種JS的方式來執(zhí)行網(wǎng)站的腳本。由于網(wǎng)站是基于VUE開發(fā)的，通過搜索資料，有兩種方式將VUE的方法掛載到window對象。話不多說，直接上代碼片段。 二、掛載方式一mounted() { // 第一種掛載方式 window.jsLogin = this.jsLogin }, methods: { // jsLogin掛載到window對象 jsLogin(username, password) { this.username = username this.passowrd = password this.login() }, login() { console.log('login username: ' + this.username + ', pwd: ' + this.passowrd) sessionStorage.setItem('username', this.username) httpGet('/api/user/get/1') this.$router.push({path: '/dashboard/dashboard1'}) } }, 通過mounted方法掛載方法到對應(yīng)的屬性中，其中jsLogin是自定義的屬性，指向VUE的jsLogin方法。 測試方式：啟動網(wǎng)頁后，F(xiàn)12調(diào)出控制臺，輸入window.jsLogin('panda','mypwd') 實現(xiàn)登錄。  三、掛載方式二// 注意這里需要 import Vue from 'vue' mounted() { // 第二種掛載方式 Vue.prototype.jsLogin = this.jsLogin }, methods: { // jsLogin掛載到window對象 jsLogin(username, password) { this.username = username this.passowrd = password this.login() }, login() { console.log('login username: ' + this.username + ', pwd: ' + this.passowrd) sessionStorage.setItem('username', this.username) httpGet('/api/user/get/1') this.$router.push({path: '/dashboard/dashboard1'}) } }, // main.js 第二種掛載方式 window.vm = new Vue({ router, store, render: h => h(App), }).$mount('#app')  鏈接：https://www.jianshu.com/p/a787b090602f 來源：簡書 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。 該文章在 2023/6/2 16:43:31 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
