首页 > 请问vuejs的表单无法操作怎么回事呢?

请问vuejs的表单无法操作怎么回事呢?

今天刚刚接触vue,试了试官网的例子,但是为何只要是表单都无法操作呢?文本框无法输入,按钮无法点击。

main.js:

import Vue from 'vue';
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

html:

<div id="app">
  <p>{{ message }}</p>
  <input v-model="message">
</div>

这是最简单的例子了,我的文本框没有反应,像是被禁用了一样,测试按钮也没法点击。请问这是怎么回事呢?谢谢


第一:你的vue.js在哪里,只看到你import
第二:import这个是ES6中的语法,你到浏览器中呼出控制台,会报错

建议你在页面引用vue.js
然后再body
后再执行 new vue


题主可以不可以说得详细一点,我在你的代码里好像没看到按钮~~我出来的效果是这样子的。


这个只能自己查一下了,看看有没有什么样式或者结构覆盖到了输入框,最好页面就先简单的写,不包含任何样式,不要包含任何的其他结构,你再试试


请问你的文本框呢?

【热门文章】
【热门文章】