[已解决]怎么用vue做输入表单后可以打印出来输入的值

我爱Cyinyinyin · 发表于 2020-10-26 17:29:45

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

用vue编程来做一个表单，可以将输入的数据打印出来这怎么做啊？

最佳答案

月排行榜 / 总排行榜

kogawananari

2020-10-26 17:35:53

在官方文档里翻watch选项用来监听data的变化

  watch:{
    'msg': function(newdata, olddata){
      console.log(olddata)//打印原来的值
      console.log(newdata)//打印现在的值
      if(!olddata){
        setTimeout(()=>{
          //如果你要向父组件发射数据this.$emit()
        },1000)
      }
    },
  }

跳转到最佳答案楼层

kogawananari · 发表于 2020-10-26 17:35:53

这个最佳答案由 kogawananari 给出，感谢 kogawananari 的回答。

单击隐藏图章

在官方文档里翻watch选项用来监听data的变化

  watch:{
    'msg': function(newdata, olddata){
      console.log(olddata)//打印原来的值
      console.log(newdata)//打印现在的值
      if(!olddata){
        setTimeout(()=>{
          //如果你要向父组件发射数据this.$emit()
        },1000)
      }
    },
  }

kogawananari · 发表于 2020-10-26 17:50:08

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
</head>
<body>
<div id="app">
    <input type="text" v-model="msg">
</div>
<script>
const vm = new Vue({
    el: '#app',
    data() {
        return {
            msg:''
        }
    },
    watch:{
        'msg': function(newdata, olddata){
            console.log(olddata,newdata)//打印原来的值/现在的值
        }
    },
})
</script>
</body>

怕你不明白直接给你写全了

kogawananari · 发表于 2020-10-26 17:52:18

不一定要watch这个功能，也可以用绑定事件的方法可以是onchange 或者是失去焦点都差不多

我爱Cyinyinyin · 发表于 2020-11-15 22:14:58

kogawananari 发表于 2020-10-26 17:50
怕你不明白直接给你写全了

谢谢！

我爱Cyinyinyin · 发表于 2020-11-15 22:20:07

kogawananari 发表于 2020-10-26 17:35
在官方文档里翻watch选项用来监听data的变化

大佬能给我说一下怎么用的吗？我不知道怎么调试

我爱Cyinyinyin · 发表于 2020-11-15 22:21:59

kogawananari 发表于 2020-10-26 17:50
怕你不明白直接给你写全了

我运行完就给我显示404 这是什么情况啊

Dear黑色 · 发表于 2020-11-21 13:38:17

Console.log(变量); 控制台输出变量

账号		自动登录	找回密码
密码			立即注册