<!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里面的元素？
1 回答
拉莫斯之舞
TA贡献1820条经验 获得超10个赞
因为题主定义的vm在函数作用域内，而不是全局作用域内，所以会报错，一种是去掉 window.onload，一种把vm赋值给window.vm
第二种就是
window.onload = function(){
var vm = new Vue()
// 这里
window.vm = vm
}
添加回答
举报
0/150
提交
取消