Vue.js 如何使用 von：change 将输入文本传递给我的 vue 方法

<input type="text" class="form-control" placeholder="Email*" v-model="form.email" v-validate="'required|email'"  v-on:change="checkExist">

Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  methods: {
       checkExist:function(){
       }
  }
})

function callMe() {
  var vm = new Vue({
    el: '#root',
    data: {
     form:{email:""},
     email:""
    },
    methods: {
       checkExist(event){

         this.email=event.target.value;

       } 
    
    }

  })
}
callMe();

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.11/dist/vue.js"></script>
<div id='root'>
 
 <input type="text" @input="checkExist($event)" class="form-control" placeholder="Email*" v-model="form.email">
<p>email:  {{email}}</p>
</div>

Vue.js相关问答推荐

获取深度嵌套对象时无法读取空/未定义的属性

Vue.js编译的render函数不起作用

VueI18n 无法读取或更改组合 API 中的区域设置

元素不会对react 性props 的更改做出react

为什么在 Vue2 中调用 this.$emit() 后 props 没有立即更新？

从组件中检索 Shopware CMS 编辑器中的自定义实体数据

Vuejs 通过数据键迭代复杂对象

TailwindCSS 为什么前者比后者重要？

使用 nuxt.js 组件自动导入对性能不利吗？

在 Vuex 的状态下动态创建一个响应式数组

Vue&TypeScript：在项目目录外的 TypeScript 组件中实现导入时如何避免错误 TS2345？

使用 Vue.js 的用户可切换自定义主题

包含 Vue 组件的 HTML 字符串的 Nuxt 渲染函数

Nuxt 应用程序在刷新动态路由时返回 404(Tomcat 服务器)

Select 下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入？

输入文件 Select 事件在 Select 同一文件时未触发

按键删除对象不会更新vue组件

如何在 JEST 测试中模拟全局 Vue.js 变量

如何通过 Axios 发送文件到 Laravel

用于 nuxt.js 构建的自定义 index.html