怎么在chrome下控制vue文件节点元素?

<!DOCTYPE html>
<html lang="en">

<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,但是报错:
clipboard.png
这是为什么?及如何才能实现在chrome客户端控制vue里面的元素?

阅读 2.2k
1 个回答

因为题主定义的vm在函数作用域内,而不是全局作用域内,所以会报错,一种是去掉 window.onload,一种把vm赋值给window.vm

第二种就是


window.onload = function(){
    var vm = new Vue()
    // 这里
    window.vm = vm
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题