vue 获取id元素,vue.js怎么获取dom元素？

vue.js怎么获取dom元素？下面本篇文章给大家介绍一下vue.js获取dom元素的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

使用Vue.js获取dom元素

标签中添加ref属性，相当于id

在Vue中通过 $refs.ref的属性名获取或者设置dom元素

点击这里

西南交大

new Vue({

el: "#demo",

data: {

methods: {

fn:function(){

console.log(this.$refs.box);

console.log(this.$refs.box.innerText);

console.log(this.$refs.box.style.width);

this.$refs.box.style.backgroundColor="red"

}

})

更多web前端开发知识，请查阅 HTML中文网！！

vue 获取id元素,vue.js怎么获取dom元素？相关推荐

jquery 获取 id 含有中文、其他特殊字符的元素.html
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
微信小程序——好看的radio单选项框，wxml里列表中遍历数组获取id传回给js页面
微信小程序--好看的radio单选项框第一种效果图如下: .wxss代码: .view_container {display: flex;flex-direction: row;justify-c ...
html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题，今天实现一个进度条加载过程 - phpStudy...
快速解决js动态改变dom元素属性后页面及时渲染的问题今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...
解决js动态改变dom元素属性后页面及时渲染问题
解决js动态改变dom元素属性后页面及时渲染问题参考文章: (1)解决js动态改变dom元素属性后页面及时渲染问题 (2)https://www.cnblogs.com/fangsmile/p/49 ...
js获取html样式属性,js怎么获取指定css属性的值？
js怎么获取指定css属性的值?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. js怎么获取指定css属性的值? 1.通过dom.style.属性来获取 ...
html中显示js获取的图片地址,js如何获取UEditor富文本编辑器中的图片地址
写之前在网上找了很多方法,最简单的思路应该是1.获取UEditor中的内容:2.将获取到的字符串转换成jquery对象:3.选择器找到img元素,获取src值.var content= UE.getE ...
获取来源网站php,js实现获取网站搜索来源代码
本文主要和大家分享js实现获取网站搜索来源代码,把以下代码引入所有页面,即可实现收集系统来源的功能,在任意页面中都可以使用全局的统一的来源信息,希望能帮助到大家.var args = { mySite ...
js php 获取时间倒计时_,JS实现获取时间和设置倒计时代码分享
本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家. 只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置: var timeBox = documen ...
html检查元素是否溢出方法,JS判断指定dom元素是否在屏幕内的方法实例
前言刷网页的时候,有时会遇到这样一个情景,当某个dom元素滚到可见区域时,它就会展现显示动画,十分有趣.那么这是如何实现的呢? 实现原理想要实现这个功能,就要知道具体的实现原理.下面直入主题. 我 ...
js:如何删除dom元素
这几天,在做移动端的一个项目,然后遇到遇到一个问题,就是动态添加的dom元素,如何删除,平时的遇到的都是删除dom元素的属性,这个还真是第一次遇到,百度了网上的资源,也搜到了,代码如下 var par ...

vue 获取id元素,vue.js怎么获取dom元素？

vue 获取id元素,vue.js怎么获取dom元素？相关推荐

最新文章

热门文章