VueJs -如何从$refs访问元素的DOM属性

文章/答案/技术大牛

发布

2回答

dom、vue.js、vuejs2

我有一个元素 <tr class="row" :ref="userIndex" v-for="(userData, uid, userIndex) in users我需要访问/编辑DOM属性，比如scrollTop，<tr>元素的verticalOffset。我如何才能做到这一点？我曾尝试使用this.$re

浏览 16提问于2017-08-09得票数 4

4回答

'ref‘属性的真正目的是什么？

vue.js

我真的很困惑于输入元素的"ref“属性。我从来没有听说过基于我的知识，也找不到一些关于it.The代码的有意义的材料是在vue.js官方文档中。<currency-input v-model="price"></currency-input>Vue.component('currency-input', {

浏览 2提问于2017-05-19得票数 78

回答已采纳

2回答

Vue -何时以及为什么使用$el

javascript、vue.js、modal-dialog

$el，为什么没有el元素它就不能工作？

浏览 18提问于2019-10-15得票数 1

回答已采纳

1回答

在VueJS* 2组件模板外使用带dom元素的ref属性*

vue.js、vuejs2、vue-component

目前，我很难用VueJS引用现有的DOM元素。日期输入字段不在组件模板中，而是在VueJS</em

浏览 4提问于2020-02-23得票数 2

回答已采纳

4回答

通过vue和typescript中的id获取元素

typescript、vue.js

我正在尝试使用vuejs通过id获取dom元素。问题是我不知道如何访问这个元素。我正在使用这个。$refs。当我编写console.log(this.$refs)时，我看到以下内容：但是当我编写console.log(this.$refs.gauge2)时，我看到的是未定义的。有人知道如何访问这个元素吗？这是我的代码

浏览 0提问于2020-07-17得票数 0

1回答

为什么我必须在使用VueJS之前创建ChartJS应用程序？

javascript、vue.js、chart.js

我有一个非常简单的页面，它能正常工作： <canvas id="chart-flow-rate"></canvas></body> // Start VueJSdatasets: [{ }] });

浏览 3提问于2022-01-25得票数 0

回答已采纳

6回答

Vue.js在组件中获取元素

javascript、vue.js

我有一个组件，我如何选择它的一个元素？可能有多个组件，因此querySelector只能解析组件的当前实例。

浏览 10提问于2016-05-08得票数 152

回答已采纳

1回答

Vue 3从文本切换到输入，并允许在单个循环中键入

vuejs3

我正在尝试使用一个循环编辑vuejs组件和switch from text-> input。该过程在切换到输入html标签的文本上循环。很好，但是我需要重新点击才能输入文本。如何在第一次单击后立即输入文本？

浏览 9提问于2021-10-14得票数 0

回答已采纳

1回答

在Vue中将插槽数据作为变量获取？

javascript、vue.js、prismjs、vuejs-slots

我有一个只接受v-model="code"代码的组件(prism-editor)。$slots, }),</script> 我想从一个插槽中绑定一个名为Code的父组件： Page.vue <template> <组件中，我必须找到一种方法来获取插槽数据，并将其直接传递给要发送给v-model='code'的code变量。不幸的是，下面的代码不起作用，因为我不知道如何

浏览 39提问于2020-08-15得票数 2

回答已采纳

1回答

vuejs显示元素的计数数

vue.js、vuetify.js

我需要数一下下面显示的一些v显示元素(卡片)： <v-flex> <v-flex>这在js中似乎很容易，但是如何在vuejs中实现呢？由于搜索函数，我的dom是动态变化的，所以我需要动态地

浏览 1提问于2018-01-30得票数 0

2回答

Alpine :更新‘$ref`’对象上的属性

javascript、dom、alpine.js

是否可以通过AlpineJS魔术变量访问HTML的样式属性？ $<e

浏览 10提问于2021-12-08得票数 0

回答已采纳

1回答

如何从使用柏树访问vuejs组件属性？

vue.js、cypress

嗨，我想通过使用柏树来访问vuejs组件属性，因为我无法在html/css中唯一地定位元素。我们的应用程序UI是用Vuejs开发的，因此我尝试访问vue组件表单dom对象，用于控制台上的ex，1.var a=document.querySelector('#action_items_list>div.填充-杯> div > div .填充-高度> div:nth-child

浏览 2提问于2020-04-30得票数 0

1回答

我可以将EventListener放在<option>元素上吗？

javascript、html、vue.js、dom-events

我正在尝试向一个EventListener元素添加一个<option>。this.$refs.select.options.forEach((el) => { el.addEventListener('pointerover', () =>

浏览 2提问于2021-11-10得票数 1

回答已采纳

1回答

Vue -反应式媒体.readyState

javascript、vue.js、vuejs2

在使用Vue.js时，我想使用音频dom元素的readyState属性作为反应性属性。我尝试设置一个计算属性来返回该属性： if(this.$refs.audioPlayer){ return this.$refs.audio

浏览 1提问于2017-09-14得票数 1

1回答

Vue如何将data-attribute设置为当前路由名称的正文

javascript、vue.js、vuejs2

我正在考虑向vue-app的主体添加一些数据属性，其中属性值应该是当前路由的名称。我不想使用vue-body-class包，但要让它非常简单。现在，我在我的每个主要组件中执行此操作，假设是About.vue mounted() {} 这个不错，但我在想，是否有更好的方法呢？也许在router.js中欢迎提出任何建议。

浏览 16提问于2019-12-11得票数 1

2回答

通过$refs设置值后，Vue.js为什么不能更新该值

javascript、html、vue.js、rendering

这是一个来自Udemy VueJS课程的例子，它在视频中运行得很好，但我似乎就是不能让它在我这一边工作，无论我怎么尝试。我希望这个问题是可以理解的，并且表达得很好。 el: '#app1', title: 'The VueJS Instance', methods: { updateTitle$refs.heading.innerText = 'Somethin

浏览 159提问于2019-11-05得票数 2

1回答

类星体框架中Vue组件中的jQuery函数

javascript、jquery、vue.js、dollar-sign、quasar-framework

我刚开始使用web应用程序开发，我有一些关于jQuery和Vue的基本查询，但我似乎找不到答案。我有一个用类星体框架制作的应用程序，它经常使用如下功能引用：- $v.form.username$q 等等，这些都在Vue组件的“模板”和“脚本”部分中使用。我对Javascript很熟悉(至少我以为我是这样的)，但是我对jQuery不太了解。据我所知，这些功能引用是在jQuery中构

浏览 1提问于2018-12-04得票数 0

回答已采纳

1回答

Vue:为什么我不能在组件模板中使用refs？

vue.js、vue-component

如果我在主Vue实例的模板中定义了它们，它们可以正常工作，但是如果我在组件模板中定义它们，它们就不会。我做错了什么？<!$refsmain.js，版本2 template: `> {componentRef: VueComponent, buttonRef: button, divRef: div}>

浏览 0提问于2019-07-28得票数 0

回答已采纳

1回答

是否有一个清单，所有可以做的反应裁判的？

reactjs、use-ref

所以我发现React ref是非常有用的。我经常使用它们来控制样式，获取clientWidth等等，但我知道我只是勉强掌握了ref的功能。也就是。for the element我搜索了Google和ReactJS.org，一直找不到这样的列表

浏览 3提问于2022-01-08得票数 0

7回答

在Vue.js中获取方法中元素的引用

vue.js

如何获得在Vue.js中激发该方法的元素的引用？我有这样的HTML：在我的Vue.js视图模型中，我有一个方法element and get its ID var elementId = $ele

浏览 5提问于2017-06-15得票数 34

回答已采纳

点击加载更多