vue怎么调用子元素的方法-尊龙游戏旗舰厅官网

文章目录

组件

组件 (component) 是 vue.js 最强大的功能之一。组件可以扩展 html 元素，封装可重用的代码。在较高层面上，组件是自定义元素，vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 html 元素。

所有的 vue 组件同时也都是 vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。

使用组件

示例：

子组件：

child

export default {

name: "child",

props: "someprops",

methods: {

parenthandleclick(e) {

console.log(e)

}

}

}

父组件：

点击

import child from './child';

export default {

name: "parent",

components: {

child: child

},

methods: {

clickparent() {

this.$refs.mychild.parenthandleclick("嘿嘿嘿");

}

}

}

注意：

1、在子组件中：

2、在父组件中：首先要引入子组件 import child from './child';

3、 是在父组件中为子组件添加一个占位，ref="mychild"是子组件在父组件中的名字

4、父组件中 components: {　　是声明子组件在父组件中的名字

5、在父组件的方法中调用子组件的方法，很重要   this.$refs.mychild.parenthandleclick("嘿嘿嘿");

总结

以上是尊龙游戏旗舰厅官网为你收集整理的vue怎么调用子元素的方法_vue.js 父组件如何触发子组件中的方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错，欢迎将尊龙游戏旗舰厅官网推荐给好友。