vue 在methods中調(diào)用mounted的實(shí)現(xiàn)操作

更新時(shí)間：2020年08月07日 10:00:17 作者：我愛(ài)張苗苗

這篇文章主要介紹了vue 在methods中調(diào)用mounted的實(shí)現(xiàn)操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

首先可以在data中先聲明一個(gè)變量

比如 sureDelBox : ' '

mounted 中 --->

methods 中 ---> this.sureDelBox(item) 直接this調(diào)用

這時(shí)候要傳的參數(shù)別忘記帶上

如果你要問(wèn)在mounted中調(diào)用methods中的方法

那么如果是我我會(huì)直接把這個(gè)方法直接寫(xiě)在mounted中

補(bǔ)充知識(shí)：vue中methods一個(gè)方法調(diào)用另外一個(gè)方法

vue在同一個(gè)組件內(nèi)；

methods中的一個(gè)方法調(diào)用methods中的另外一個(gè)方法

可以在調(diào)用的時(shí)候 this.$options.methods.test2();

this.$options.methods.test2();一個(gè)方法調(diào)用另外一個(gè)方法；

new Vue({
  el: '#app',
 data: {
   test:111,
 },
 methods: {
   test1:function(){
      alert(this.test)
    },
    test2:function(){
      alert("this is test2")
      alert(this.test) //test3調(diào)用時(shí)彈出undefined
    },
    test3:function(){
      this.$options.methods.test2();//在test3中調(diào)用test2的方法
    }
 }
})

以上這篇vue 在methods中調(diào)用mounted的實(shí)現(xiàn)操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue項(xiàng)目發(fā)布后瀏覽器緩存問(wèn)題解決方案
在vue項(xiàng)目開(kāi)發(fā)中一直有一個(gè)令人都疼的問(wèn)題,就是緩存問(wèn)題,這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目發(fā)布后瀏覽器緩存問(wèn)題的解決方案,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-09-09
Vue?Router?實(shí)現(xiàn)登錄后跳轉(zhuǎn)到之前想要訪問(wèn)的頁(yè)面
這篇文章主要介紹了Vue?Router?實(shí)現(xiàn)登錄后跳轉(zhuǎn)到之前相要訪問(wèn)的頁(yè)面,本文僅演示路由跳轉(zhuǎn)和導(dǎo)航守衛(wèi)相關(guān)代碼的實(shí)現(xiàn)，不包含具體的權(quán)限驗(yàn)證和登錄請(qǐng)求，需要的朋友可以參考下
2022-12-12
vue實(shí)現(xiàn)token過(guò)期自動(dòng)跳轉(zhuǎn)到登錄頁(yè)面
本文主要介紹了vue實(shí)現(xiàn)token過(guò)期自動(dòng)跳轉(zhuǎn)到登錄頁(yè)面，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
Vue之Mixins(混入)的使用方法
這篇文章主要介紹了Vue之Mixins(混入)的使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
詳解vue前后臺(tái)數(shù)據(jù)交互vue-resource文檔
本篇文章主要介紹了vue前后臺(tái)數(shù)據(jù)交互vue-resource文檔，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
詳解.vue文件解析的實(shí)現(xiàn)
這篇文章主要介紹了詳解.vue文件解析的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
vue跨域問(wèn)題:Access?to?XMLHttpRequest?at‘httplocalhost解決
在前端發(fā)出Ajax請(qǐng)求的時(shí)候,有時(shí)候會(huì)產(chǎn)生跨域問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于vue跨域問(wèn)題:Access?to?XMLHttpRequest?at‘httplocalhost的解決辦法,需要的朋友可以參考下
2023-01-01
Vue?中?provide和inject的使用
這篇文章主要介紹了Vue中provide和inject的使用，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下
2022-08-08
vue實(shí)現(xiàn)公告欄文字上下滾動(dòng)效果的示例代碼
這篇文章主要介紹了vue實(shí)現(xiàn)公告欄文字上下滾動(dòng)效果的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
Vue+Springboot實(shí)現(xiàn)接口簽名的示例代碼
這篇文章主要介紹了Vue+Springboot實(shí)現(xiàn)接口簽名的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04