解决vue引入组件报错，和调用组件步骤及封装步骤

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

这里调用了组件然后报错Unknown custom element: <myAddress> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

讲的是调用<myAddress>组件找不到，那么就是我引入组件的地方有问题。那就去看看

的确是有问题，因为引入组件不能用｛｝，把它去掉就行了。

接下来说一下，如何调用组件，和父组件获取子组件的属性值。

首先看一下父组件：

HTML调用子组件<myAddress>，ref="XXX",ref是用来获取子组件里的属性值的，用法是this.$refs.headerChild.属性 this.$refs.headerChild.方法

js部分，引入子组件和注册（import myAddress from "../../components/pages/address";这里的myAddress对应的事HTML<myAddress>标签名称）

获取子组件的属性值：

接下来可以看看子组件：

HTML部分：

JS部分：

就是这样实现了简单的组件封装和组件调用！！！！！！！！！！！

以上是 解决vue引入组件报错，和调用组件步骤及封装步骤 的全部内容， 来源链接： utcz.com/z/376168.html

回到顶部