我需要对一个提示框进行Bootstrap改造,并使用webpack/babel处理我的js代码。
简化后的代码如下:
$('[data-toggle="tooltip"]').tooltip({
title: () => {
return $(this).children('.tooltip-html-content').html();
}
});
这应该是元素,Bootstrap将使用此函数调用它:
getTitle: function () {
var title
, $e = this.$element
, o = this.options
title = $e.attr('data-original-title')
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
return title
}
重要的一行是:
o.title.call($e[0])
$e[0]是工具提示dom元素。
当我用babel处理它时,结果会将this
更改为_this
,然后将_this分配给他认为是真正的this的值。
问题:我能否在babel中避免对此特定函数进行此转换?
=====
基于回答的最终解决方案:
getTitle: function getTitle() {
()
,title: () => { /* ... */ }
就可以了。 - T.J. Crowder