vue页面A如何获取页面B中input标签输入的内容
发布于 2个月前 作者 bb4103311 706 次浏览 来自 问答

我在vue项目开发中遇到了一个可以公共使用的视图,就是标题中带有一个搜索框 1526009741(1).jpg 公共的部分是一个单独的vue文件。并且通过"《my-header》《/my-header》"这种方式在其他页面引用的(我知道可以这么做,但是我叫不上来这是什么机制。求大佬告诉我这个专业称呼叫啥) 这个公共的状态栏有个input标签。我在其他页面引用这个头部那我如何获取到input输入的内容?求各位大神帮小弟解答下

5 回复

假如头部组件是在不同页面被分别引用的话 通过query传值会比较方便吧,用vuex好像有点多余

看来你的描述理解应该是《my-header》是子组件。 单独的VUE文件是父组件。这样的话就是子 组件的input值输入时要传递给父组件使用 -----vm.$emit( event, […args] )触发当前实例上的事件。附加参数都会传给父组件

@fu527018818 谢谢大佬.问题解决了

也可以通过子组件抛出一个获取input 内容的方法来获取

父子组件数据传输,

回到顶部