在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ elementUi中hint定義為全局方法的問(wèn)題

elementUi中hint定義為全局方法的問(wèn)題

在index.js中定義了elementUI的提示框想全局使用;在組件中inport了,但是使用會(huì)報(bào)錯(cuò)。不知道怎么解決this的問(wèn)題
圖片描述

圖片描述

回答
編輯回答
柚稚

let hint = function(message, type) => {console.log(this)}
普通函數(shù)
以函數(shù)調(diào)用模式,直接調(diào)用 hint()
非嚴(yán)格模式下,里面的this指向全局變量,也就是里面的 vue對(duì)象
嚴(yán)格模式下,this指向undefined.
并且, ES6 的模塊自動(dòng)采用嚴(yán)格模式,不管有沒(méi)有在模塊頭部加上"use strict";
箭頭函數(shù)
默認(rèn)指向在定義它時(shí)所處的對(duì)象(宿主對(duì)象),不會(huì)指向vue.

所有 改成

 Vue.use(ElementUI);
 var vue = new Vue();
 vue.$message({})

就最直接了

2017年5月20日 03:12
編輯回答
互擼娃

箭頭函數(shù)

export let hint = (message, type) => {
    this.$message({
        message,
        type,
        customClass: 'hint',
        duration: 2000
    })
}
2017年11月9日 23:41