vue1与vue2获取dom元素步骤详解

这次给大家带来vue1与vue2获取dom元素步骤详解,vue1与vue2获取dom元素的注意事项有哪些,下面就是实战案例,一起来看一下。

vue1.*版本中

在标签中加上el=’dom’,然后在代码中this.$els.dom这样就拿到了页面元素

例如:

你好

让你好的颜色显示为红色:this.$els.my-box.style.color = ‘red’

vue2.*版本中

在标签中加上ref=’dom’,然后在代码中this.$refs.dom这样就拿到了页面元素

例如:

你好

让你好的颜色显示为红色:this.$refs.myBox.style.color = ‘red

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

JS给动态创建元素添加事件步骤详解

怎样操作vue函数调用顺序

以上就是vue1与vue2获取dom元素步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2762845.html

(0)
上一篇 2025年3月8日 10:02:32
下一篇 2025年3月7日 02:09:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • aggregate级联查询实现步骤

    这次给大家带来aggregate级联查询实现步骤,aggregate级联查询实现的注意事项有哪些,下面就是实战案例,一起来看一下。 最近完成了一个nodejs+mongoose的项目,碰到了mongodb的级联查询操作。情形是实现一个排行榜…

    编程技术 2025年3月8日
    200
  • vue请求数据后再渲染dom步骤详解

    这次给大家带来vue请求数据后再渲染dom步骤详解,vue请求数据后再渲染dom的注意事项有哪些,下面就是实战案例,一起来看一下。 在项目中遇到了一个问题,下面是vue template中的代码: 我之前的写法是 这样做的结果是下面取dom…

    2025年3月8日
    200
  • vue激活当前路由步骤详解

    这次给大家带来vue激活当前路由步骤详解,vue激活当前路由的注意事项有哪些,下面就是实战案例,一起来看一下。 一个 route object(路由信息对象) 表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL …

    2025年3月8日
    200
  • axios+post方法提交formdata步骤详解

    这次给大家带来axios+post方法提交formdata步骤详解,axios+post方法提交formdata的注意事项有哪些,下面就是实战案例,一起来看一下。 vue框架推荐使用axios来发送ajax请求,之前我还写过一篇博客来讲解如…

    2025年3月8日 编程技术
    200
  • 在vue里使用axios步骤详解

    这次给大家带来在vue里使用axios步骤详解,在vue里使用axios的注意事项有哪些,下面就是实战案例,一起来看一下。 通常情况下,我们搭建好的项目目录应该是这样子的 首先需要安装axios,这个会npm的都知道 下一步,在main.j…

    2025年3月8日 编程技术
    200
  • vue+axios表单中上传图片步骤详解

    这次给大家带来vue+axios表单中上传图片步骤详解,vue+axios表单中上传图片的注意事项有哪些,下面就是实战案例,一起来看一下。 然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的,但接口写的是有file的 …

    编程技术 2025年3月8日
    200
  • vue实现图片与文件上传步骤详解

    这次给大家带来vue实现图片与文件上传步骤详解,vue实现图片与文件上传的注意事项有哪些,下面就是实战案例,一起来看一下。 html页面 //注意不能带括号 登录后复制 js代码 methods: {//上传图片onUpload(e){ v…

    2025年3月8日
    200
  • vue手机与邮箱正则验证步骤详解

    这次给大家带来vue手机与邮箱正则验证步骤详解,vue手机与邮箱正则验证的注意事项有哪些,下面就是实战案例,一起来看一下。 今天写了一个简单的验证,本来前面用的组件,但是感觉写的组件在此项目不是很好用,由于用到的地方比较少,所以直接写在了页…

    编程技术 2025年3月8日
    200
  • 树形控件修改iview步骤说明

    这次给大家带来树形控件修改iview步骤说明,树形控件修改iview的注意事项有哪些,下面就是实战案例,一起来看一下。 实现原理 修改了element-ui源码,把源码里面的tree模块提取出来 然后修改element自带checkbox等…

    2025年3月8日
    200
  • vue2实现购物车与地址选配案例分析

    这次给大家带来vue2实现购物车与地址选配案例分析,vue2实现购物车与地址选配的注意事项有哪些,下面就是实战案例,一起来看一下。 首先,vue基础js写法 new Vue({ el:”#app”, //模型 data:{ }, filte…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论