vue如果获取多个model值

vue如果获取多个model值,第1张

一般我是在data里建一个对象 form:{name:'',age:'',score:''}

然后每个input绑定的是model="formname",

另一个input的绑定的是model="formage"

thisform就是所有的input绑定的值都在里面,这样你也得到了全部的值呢

第三方组件官网

Element-ui

iView

Vant

如果父类组件需要直接获取子类的方法 可以使用 $children

子获父 $parent 子获取跟组件 $root

如果使用自定义组件,在里面插入其他的文字或者标签,是不能够显示的,如果想在组件中插入其他标签,需要在标签中插入 <slot></slot> ,插槽写在哪个位置,插入的文字或者标签,就在哪个位置显示

我们先定义3个 全局 的自定义组件 分别为 child1 child2 child3

我们把vue实例当作根组件(父组件)

父跟子的关系

通常情况下,在父组件中有个子组件,子组件想要使用(获取)父组件的值,我们使用 $parent 来获取父组件的的值

我们在 child1 子组件中插入了一个组件这个时候 child1 变成了 childson 的父组件,如果这个时候我们在获取根组件(vue实例 | 根实例),这个时候我们可以用多个 $parent 来获取祖组件数据,当然,我们可以用 $root 直接获取根实例的值

父组件获取子组件的值,我们用 $children 来获取,

$children 获取的是所有子组件的实例,返回的是数组类型,再通过下标获取指定的子组件

如果页面的结构出现了调整,这里获取的具体的组件可以就对不上号了。:

如下

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9872481.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存