扣丁书屋

vue父组件中调用子组件的方法 - ref方法

在父组件中,通过`ref`定义子组件对象,然后通过`this.$refs`找到子组件。

在父组件中,通过ref定义子组件对象,然后通过this.$refs找到子组件。具体如下代码所示。

<template>
    <div>
        <Button @click="handleClick">点击调用子组件方法</Button>
        <Child ref="child"/>
    </div>
</template>    

<script>
import Child from './child';

export default {
    methods: {
        handleClick() {
              this.$refs.child.sing();
        },
    },
}
</script>


//子组件中

<template>
  <div>我是子组件</div>
</template>
<script>
export default {
  methods: {
    sing() {
      console.log('我是子组件的方法');
    },
  },
};
</script>

SHELL快速入门

shell是指一种应用程序,这个应用程序提供了一个界面,用户通过这个界面访问操作系统内核的服务。Ken Thompson的sh是第一种Unix Shell,Windows Explorer是一个典型的图形界面Shell。

发布于:4月以前  |  264次阅读  |  详细内容 »

移动设备怎样定位

解释说明移动设备的定位原理

发布于:4月以前  |  274次阅读  |  详细内容 »

node-sass在Mac下安装失败(下载失败)的解决方案

使用命令`npm install node-sass --save-dev` 在 mac下无法安装的解决方案

发布于:9月以前  |  426次阅读  |  详细内容 »

px、em、rem区别

本文通过说明px,em,rem的关系,指导如何使用字体单位。

发布于:9月以前  |  347次阅读  |  详细内容 »

rm -rf * 删除操作报 “Argument list too long”的处理方法

当目录下有很多文件时,`rm *`删除文件会失败。

发布于:9月以前  |  333次阅读  |  详细内容 »

使用olivere对ElasticSearch进行简单搜索

使用github.com/olivere/elastic进行简单搜索。

发布于:9月以前  |  739次阅读  |  详细内容 »

使用"github.com/olivere/elastic"操作Elasticsearch的简单示例

github.com/olivere/elastic的简单示例,包括增,删,改,查。

发布于:9月以前  |  1428次阅读  |  详细内容 »

罗振宇2017-2018跨年演讲::中国式机会的六个“脑洞”

“时间的朋友”2017年罗振宇跨年演讲如约而至。罗振宇从一个问题开启,对你来说,2017年哪一天你认为很重要?

发布于:9月以前  |  609次阅读  |  详细内容 »

罗振宇2018-2019跨年演讲:黑天鹅、小趋势、5G、人工智能、创新......

2018年12月31日20:30,深圳“春茧”体育馆,罗振宇2018“时间的朋友”跨年演讲如约而至。

发布于:9月以前  |  555次阅读  |  详细内容 »

罗振宇2020-2021跨年演讲:中国的优势、数字化、新变量……

2020年12月31日20:30,武汉光谷国际网球中心,罗振宇“时间的朋友”跨年演讲如约而至。

发布于:9月以前  |  972次阅读  |  详细内容 »

最多阅读

html <table>表数据转 Json 格式 2年以前  |  2487次阅读
使用 Vue 3.0,你可能不再需要Vuex了 1年以前  |  1420次阅读
element中input的change事件 1年以前  |  1253次阅读
Vue表单支持回车键自动提交 1年以前  |  1244次阅读
2020 Vue经典面试题 1年以前  |  1177次阅读
VS Code 配置与插件推荐 2019 年版 1年以前  |  1140次阅读
koa2入门使用总结 1年以前  |  1131次阅读
Vue如何实现疫情地图展示 1年以前  |  1108次阅读

手机扫码阅读