我有一个简单的工作 Vue.js 应用程序的以下代码。但 Vue.js 开发工具没有响应。前几天还好好的,现在就不行了,可能是哪里出了问题?当我去webstore https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd,它说它已经添加了。
let data = {
message: 'Hello World'
}
new Vue({
el: '#application',
data: data
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.js"></script>
<div class="container">
<div id="application">
<input type="text" v-model="message">
<p>The value of the input is: {{ message }}</p>
</div>
</div>
一种替代方法是设置本地 Web 服务器,作为 OP已经说明了 https://stackoverflow.com/a/41215913/1404279.
另一个(恕我直言,更快、更少骚扰)是让扩展程序能够访问文件 URL,默认情况下禁用该功能。
只需前往chrome://extensions
并留下“允许打开文件中的链接" 选中 Vue.js 开发工具复选框。
Sources:
https://github.com/vuejs/vue-devtools#common-problems-and-how-to-fix https://github.com/vuejs/vue-devtools#common-problems-and-how-to-fix
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)