How do you console.log() in vue when you’re loading it in a static html as a script tag? I have it embeded on the page with the library as a script tag.
I have to use console.log, vue dev tools doesn’t work because I’m not in a vue development environment.
console.log is not working inside vue.js script
Why is my console.log() not logging anything in my browser?
Why console.log dose not working in Vue.js?
methods: {
consoleLog(v) {
console.log(v)
},
handleQuestion(q) {
let selectedOption = this.selectedOption;
let step = this.answers[q][selectedOption];
let callout = this.answers[q].callout;
if(step === 'next') {
setTimeout(() => {
this.activeQuestion++;
this.selectedOption = null;
}, 300);
} else if(step === 'stop') {
this[callout] = true;
this.endOfQuestions = true;
} else {
this.consoleLog(step)
callout = step;
this.consoleLog(callout)
this[callout] = true;
this.endOfQuestions = true;
}
},
startOver() {
this.selectedOption = null,
this.endOfQuestions = false,
this.activeQuestion = 0,
this.nonQualifiedRf = false,
this.qualifiedRf = false
}
}
methods: {
handleQuestion(q) {
let selectedOption = this.selectedOption;
let step = this.answers[q][selectedOption];
let callout = this.answers[q].callout;
if(step === 'next') {
setTimeout(() => {
this.activeQuestion++;
this.selectedOption = null;
}, 300);
} else if(step === 'stop') {
this[callout] = true;
this.endOfQuestions = true;
} else {
console.log(step)
callout = step;
console.log(callout)
this[callout] = true;
this.endOfQuestions = true;
}
},
startOver() {
this.selectedOption = null,
this.endOfQuestions = false,
this.activeQuestion = 0,
this.nonQualifiedRf = false,
this.qualifiedRf = false
}
}
methods: {
handleQuestion(q) {
let selectedOption = this.selectedOption;
let step = this.answers[q][selectedOption];
let callout = this.answers[q].callout;
if(step === 'next') {
setTimeout(() => {
this.activeQuestion++;
this.selectedOption = null;
}, 300);
} else if(step === 'stop') {
this[callout] = true;
this.endOfQuestions = true;
} else {
this.console.log(step)
callout = step;
this.console.log(callout)
this[callout] = true;
this.endOfQuestions = true;
}
},
startOver() {
this.selectedOption = null,
this.endOfQuestions = false,
this.activeQuestion = 0,
this.nonQualifiedRf = false,
this.qualifiedRf = false
}
}
methods: {
handleQuestion(q) {
let selectedOption = this.selectedOption;
let step = this.answers[q][selectedOption];
let callout = this.answers[q].callout;
if(step === 'next') {
setTimeout(() => {
this.activeQuestion++;
this.selectedOption = null;
}, 300);
} else if(step === 'stop') {
this[callout] = true;
this.endOfQuestions = true;
} else {
window.console.log(step)
callout = step;
window.console.log(callout)
this[callout] = true;
this.endOfQuestions = true;
}
},
startOver() {
this.selectedOption = null,
this.endOfQuestions = false,
this.activeQuestion = 0,
this.nonQualifiedRf = false,
this.qualifiedRf = false
}
}
Nothing is working what am I doing wrong?