vue中在data中定义过的数据，可以浏览器一直说我没有定义

vue中v-model了一个数据，在data中也定义过，可以浏览器一直说我没有定义，有没有大佬知道这是为什么？



#前端#
全部评论
坐等大佬回应，有可能是生命周期之类的问题
点赞
送花 回复
分享
发布于 2020-02-08 19:46
你用return是子组件里的data吧？ 你的input如果是父组件里的取不到正常吧
点赞
送花 回复
分享
发布于 2020-02-08 19:58
秋招专场
校招火热招聘中
官网直投
我也想问楼主，你是怎么用控制台打印出vm的数据的。。。
点赞
送花 回复
分享
发布于 2020-02-08 20:59
vue里的数据好像直接浏览器无法打印的，要开启dev-tools的一个调试工具。
点赞
送花 回复
分享
发布于 2020-02-08 21:03
直接在上面的dom中进行测试你绑定的keyword，别在控制台打印，控制台不能获取到vue中的属性的，你可以在官网的响应式原理中看一下4楼说的那个vue的一个工具，我忘记叫啥了，就可以在浏览器端看见数据了
点赞
送花 回复
分享
发布于 2020-02-09 12:30
  首先,data中的数据要加this,这样console.log(this.keyword)打印出来的应该是undefined， 这和vue的生命周期有关，你可以尝试分别在vue的生命周期钩子函数中加入console.log(this.keyword)，   这里我就测了前面两个，可以看到浏览器的console.log()是发生在created（）之前的，这时数据还未完成绑定，所以是undefined， 这是我个人的一点见解，供参考，楼主可以试试，
点赞
送花 回复
分享
发布于 2020-02-09 14:14

相关推荐

头像
软件测试小侦探
05-22 10:25
University of California Berkeley 计算机类
接口测试用例设计的关键步骤与技巧解析
简介接口测试在需求分析完成之后，即可设计对应的接口测试用例，然后根据用例进行接口测试。接口测试用例的设计也需要用到黑盒测试用例设计方法，和测试流程与理论章节的功能测试用例设计的方法类似，设计过程中还需要增加与接口特性相关的测试用例。接口测试流程接口测试的质量目标功能性能安全兼容健壮性高可用性（中间件）协议分析方法网络监听：TcpDumpWireShark代理 Proxy推荐工具：手工测试 Charles [全平台]、安全测试 BurpSuite [全平台 Java]自动化测试：mitmproxy其他代理：Fiddler [仅 Windows]、AnyProxy [全平台]接口测试用例的设计方法...
点赞 评论 收藏
转发
头像
牛客223318927号
05-20 13:16
已编辑
门头沟学院 电子信息类
点赞 评论 收藏
转发
头像
缘愁似个长a
04-19 18:08
燕山大学 计算机类
点赞 评论 收藏
转发
点赞 1 评论
分享

招聘动态

查看更多

博士生招聘专场开启啦

全站热榜

正在热议
# 牛客帮帮团来啦！有问必答 #
921755次浏览 14303人参与
# 机械制造薪资爆料 #
332161次浏览 3865人参与
# 如何写一份好简历 #
289994次浏览 4216人参与
# 晒一晒我的offer #
3580006次浏览 56313人参与
# 腾讯工作体验 #
141016次浏览 1377人参与
# 机械人，你的秋招第一份简历被谁挂了 #
34892次浏览 587人参与
# 投了多少份简历才上岸 #
63464次浏览 1007人参与
# 你的简历改到第几版了 #
318123次浏览 4758人参与
# 金三银四，你有感觉到吗 #
341353次浏览 4348人参与
# 毕业后不工作的日子里我在做什么 #
59509次浏览 741人参与
# 毕业租房也有小确幸 #
29974次浏览 1611人参与
# 浅聊一下我实习的辛苦费 #
89545次浏览 860人参与
# 25届如何提前做秋招准备？ #
11358次浏览 369人参与
# 你已经投递多少份简历了 #
320449次浏览 4717人参与
# 租房前辈的忠告 #
43650次浏览 2522人参与
# 我的上岸简历长这样 #
184611次浏览 3666人参与
# 比亚迪求职进展汇总 #
174739次浏览 1285人参与
# 0offer是寒冬太冷还是我太菜 #
438636次浏览 5020人参与
# 秋招开了，你想投哪些公司呢 #
126949次浏览 3350人参与
# 在国企工作的人，躺平了吗？ #
102791次浏览 1305人参与
牛客网
牛客企业服务