Vue中的DOM操作

Leophen

发布于 2019-08-23 14:50:46

1.3K00

代码可运行

运行总次数：0

代码可运行

示例：

<button ref="btn">一个按钮</button>

示例：

mounted() {
    this.$refs.btn.style.backgroundColor="red"
}

template 部分：

<template>
  <div>
    <button ref="btn">一个按钮</button>
  </div>
</template>

script 部分：

<script>
export default {
  data () {
    return {

    }
  },
  mounted () {
    this.$refs.btn.style.backgroundColor = 'red'
  }
}
</script>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-07-29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度