Vue 3 Typescript Build 'this is undefined' 是一个常见的错误信息,通常出现在使用Vue 3和Typescript构建应用程序时。这个错误表示在代码中使用了未定义的this对象。
解决这个问题的方法有以下几种:
export default {
data() {
return {
message: 'Hello Vue!'
};
},
mounted() {
setTimeout(() => {
console.log(this.message); // 正确输出 'Hello Vue!'
}, 1000);
}
};
export default {
methods: {
handleClick: function() {
console.log(this.message); // 正确输出 'Hello Vue!'
}
},
mounted() {
const button = document.querySelector('button');
button.addEventListener('click', this.handleClick.bind(this));
}
};
import { ref, onMounted } from 'vue';
export default {
setup() {
const message = ref('Hello Vue!');
onMounted(() => {
setTimeout(() => {
console.log(message.value); // 正确输出 'Hello Vue!'
}, 1000);
});
return {
message
};
}
};
领取专属 10元无门槛券
手把手带您无忧上云