怎么在chrome下控制vue文件节点元素？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>vue app</title>
<script src="./src/vue.js"></script>
<style type="text/css">
</style>
<script>
window.onload = function() {
var vm = new Vue({
el: '#app',
data: {
show: false
}
})
}
</script>
</head>
<body>
<div id="app">
<div v-if="show" transition='my-startup'>see</div>
</div>
</body>
</html>
问题：我想在chrome控制台console里输入vm.show=true,但是报错:
这是为什么？及如何才能实现在chrome客户端控制vue里面的元素？
收到一只叮咚浏览 692回答 1
1回答
-
拉莫斯之舞
因为题主定义的vm在函数作用域内，而不是全局作用域内，所以会报错，一种是去掉 window.onload，一种把vm赋值给window.vm第二种就是window.onload = function(){ var vm = new Vue() // 这里 window.vm = vm}
随时随地看视频慕课网APP
相关分类
JavaScript