Как содержание нестрелочной функции сделать доступным в темплейте?

Question

[jeruthadam]

Привет. Столкнулся с проблемой, что не могу передать значение из обычной функции. Как это сделать?

data () {
    return {
      status: 'ss'
    }
  },
created () {
    function adBlockNotDetected() {
      console.log('AdBlock is not enabled')
      status = 'AdBlock is not enabled'
    }
  }

Консоль лог работает, а вот status нет.

Answer 1

[Алексей Шашенков]

А как-же контекст?

created () {
     var _this=this
    function adBlockNotDetected() {
      console.log('AdBlock is not enabled')
      _this.status = 'AdBlock is not enabled'
    }
  }

Comments

[jeruthadam]

Вы думаете я эт не пробовал что-ли? не работает.

[Алексей Шашенков]

jeruthadam: А может надо контекст прокинуть,
Типа

created () {
     var _this=this
    function adBlockNotDetected() {
      console.log('AdBlock is not enabled')
      _this.status = 'AdBlock is not enabled'
    }
  }

[Алексей Шашенков]

jeruthadam: А вообще правильнее было перекинуть в методы

created () {
  this.adBlockNotDetected()
},
methods:{
  adBlockNotDetected(){
      console.log('AdBlock is not enabled')
      this.status = 'AdBlock is not enabled'
 }
}

[jeruthadam]

Алексей Шашенков: да заработало! Спасибо!

[Алексей Шашенков]

jeruthadam: Чаще проверяйте контекст, это помогает. Сейчас из-за стрелок путаница, это сбивает

[jeruthadam]

Алексей Шашенков: насчет переноса в методы. Буд благодарен если подскажете как отрефакторить. Дело в том, что там несколько функция и вызовы. Сейчас у меня все в моунтед. Вообще вот code example https://github.com/sitexw/FuckAdBlock

// Function called if AdBlock is not detected
function adBlockNotDetected() {
	alert('AdBlock is not enabled');
}
// Function called if AdBlock is detected
function adBlockDetected() {
	alert('AdBlock is enabled');
}

// Recommended audit because AdBlock lock the file 'fuckadblock.js' 
// If the file is not called, the variable does not exist 'fuckAdBlock'
// This means that AdBlock is present
if(typeof fuckAdBlock === 'undefined') {
	adBlockDetected();
} else {
	fuckAdBlock.onDetected(adBlockDetected);
	fuckAdBlock.onNotDetected(adBlockNotDetected);
	// and|or
	fuckAdBlock.on(true, adBlockDetected);
	fuckAdBlock.on(false, adBlockNotDetected);
	// and|or
	fuckAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);
}

// Change the options
fuckAdBlock.setOption('checkOnLoad', false);
// and|or
fuckAdBlock.setOption({
	debug: true,
	checkOnLoad: false,
	resetOnEnd: false
});

Куда остальное?

[jeruthadam]

Особенно непонятно куда setOption

[Алексей Шашенков]

jeruthadam: Надо одноразово? При вызове компонента?

[Алексей Шашенков]

jeruthadam: https://jsfiddle.net/Lk2t5b12/1/

[jeruthadam]

Я использую вью файлы. Непонятно что это вы привели за пример. Ничего же не работает.

Answer 2

[Alexander]

Думаю можно начать с того, что функцию надо вызвать. Можно вынести ее в methods и вызвать из created как this.adBlockNotDetected()

Comments

[jeruthadam]

Так она ж и так вызывается, консоль, алерт работают.

[jeruthadam]

Как вынести в методс?