ref和$refs

    Vue中获取页面里的某个元素(标签或组件),可以给它绑定ref属性,然后通过 this.$refs.ref值 获取元素身上的内容为自己所用。

    1<template>
    2  <div>
    3    <p ref="op">努力努力再努力</p>
    4    <button @click="btn">按钮</button>
    5  </div>
    6</template>
    7
    8<script>
    9export default {
    10  data() {
    11    return {};
    12  },
    13  methods: {
    14    btn() {
    15      console.dir(this.$refs.op);
    16    },
    17  },
    18};
    19</script>
    20
    21<style lang="less" scoped></style>