$refs返回在vue js中未定义

文章/答案/技术大牛

发布

1回答

如何在vue中获得特定div的动态宽度？

javascript、vue.js

在参考文献的帮助下，我试图动态地获取vue中容器的宽度。但是，它要么返回以前的值，要么显示未定义的值。我猜我做错了什么。我只想动态地得到一个特定的div的宽度。我指的是，和，但没有运气const app = new Vue({ mounted () { }, ret

浏览 7提问于2022-03-06得票数 1

回答已采纳

1回答

vue.js、asynchronous

我在使用标记的引用ref时遇到了困难，因为它当前返回null。= null}在这种情况下，如何向类属性添加值？也许有什么工

浏览 44提问于2021-03-16得票数 1

回答已采纳

2回答

Vue.js $refs未定义

javascript、vue.js

我正在试图弄清楚为什么我的Vue实例的refs是未定义的。利用中的View.js(resources\assets\js\app.js)编辑：只是注意到了字符串，如果我在下面运行c

浏览 0提问于2018-09-19得票数 1

10回答

Nuxt.js中的“文档未定义”

javascript、vue.js、vuejs2、nuxt.js

我试图在Vue组件中使用。组件成功编译，但随后触发错误： build: {} AppCountryS

浏览 22提问于2017-09-05得票数 27

回答已采纳

1回答

未重新计算的Vue JS计算属性

javascript、laravel、vue.js、vuejs2、vuetify.js

我有一个Laravel / Vue JS应用程序，它集成了谷歌地图组件以及Vuetify数据表组件。它引发类型错误：这是因为在filteredItems组件计算时，还没有计算出Vuetify数据表组件中的GoogleMap如果我注释掉使用" points“计算属性的组件，并在页面呈现后使用Vue JS Devtools计算property，则将正确计算property数

浏览 0提问于2019-06-10得票数 1

回答已采纳

2回答

如果值没有更改，vue js将禁用输入

javascript、vue.js、binding、vuejs2、disabled-input

我有一个具有初始值的输入：<button type="submit" :disabled="$refs.input.defaultValue== $refs.input.value">Submit</button> 然而，disabled绑定提供了一个错误：Cannot read property defa

浏览 0提问于2018-03-31得票数 0

回答已采纳

1回答

当按下按钮时，我想把焦点放在vue输入上。我的理解是，我需要html元素，通过设置ref值得到这个元素，然后说：但是我被这个表达式的refs部分绊倒了。请参见下面的MRE，其中refs包含正确的键，但值为空。因此，.$el是未定义的，表达式错误。我看到过这样的文章：this是未定义的(对我来说不是问题)，或者$refs是空的，因为元素是有条件地呈现的(而且，对我来说也不是问题)。我有$ref

浏览 2提问于2022-08-08得票数 1

回答已采纳

2回答

Vue组件中的条件导入

javascript、vue.js、vuejs2、video.js

我有一个根实例，其中包含几个CustomVideo-components (在其他组件中)。在CustomVideo顶部，我导入VideoJS，如下所示：import abLoopPlugin from 'videojs-abloop$refs.featuredVideoPlayer, videoOptions, function onPlayerReady() {}); 但是，如果有多个CustomVideo，那么我

浏览 2提问于2020-06-28得票数 3

回答已采纳

4回答

在Vue.js中动态实例化组件

vue.js、components

遵循，我尝试以编程方式在页面上创建组件的实例。主要的片段如下：import Vue from 'vue' var ComponentClass = Vue.extend(Button$refs.container.appendChild(instance.$refs.container.appendChild(instance.$el))的最后一行，我得到了以下错误

浏览 1提问于2018-11-09得票数 6

回答已采纳

2回答

无法访问Vue.js中具有此.$ref的单个元素

javascript、vue.js、this

我想访问created()钩子中的一些元素。具体地说:这就是我对refs对象的访问权限： created() { } { content: div.name-descriptionsections: div.sections __proto__: Object } 但是

浏览 15提问于2019-10-16得票数 2

回答已采纳

1回答

如何使用Vue自动单击href元素？

vue.js

我希望在使用vue.js的事件发生后自动单击链接<a ref="goTo" href="#">Go To...</a> this.$refs.goTo.click(); 无法读取未定义的“单击”属性

浏览 2提问于2020-09-03得票数 0

2回答

无法读取未定义的属性(读取“控制器”) Swiper vue-可怕-刷卡

nuxt.js、swiper.js

当我在nuxt.js中使用'Swiper‘并安装’vue-令人敬畏-刷‘时，我从官方网站复制了缩略图代码，但是我一直收到一个错误:无法读取未定义的属性(读取’控制器‘)。"swiper": "^7.4.1",mounted() { console.log(this

浏览 2提问于2022-01-06得票数 3

3回答

如何在Nuxt.js (Vue.js)中使用vue-无穷加载

javascript、node.js、vue.js、nuxt.js、server-side-rendering

我在Nuxt.js (Vue.js)中开发web应用程序~page/help.vue <div> }, 1000) }</script

浏览 8提问于2017-05-27得票数 3

1回答

如何在提交aspx页面后获取vue中的refs对象

vue.js、vue-component

我正在转换一个ASPX页面到vue。所有的vue组件都被正确加载了，我也得到了refs对象<script> Loaded:{ }` 但是在提交ASPX页面后，我需要在vue组件中显示一些其他数

浏览 0提问于2019-09-26得票数 0

2回答

尝试将$ref数据传递给组件的属性数据

javascript、vue.js

$refs.carousel name: 'Dots',} 在挂载中file=/src/components/Test.<em

浏览 46提问于2021-01-02得票数 1

1回答

无法访问组件方法中的$refs

javascript、html、vue.js、vuejs2、axios

当一个元素被点击时，我正在尝试访问一个在模板中定义的ref。这是我的HTML <!DOCTYPE html> <head> <script src="https://unpkg.com/vue@2.6.12/dist/vue.min.js/vjs.js"></scrip

浏览 18提问于2021-01-13得票数 0

回答已采纳

1回答

依赖于另一个计算属性的计算属性

vue.js、computed-properties

下面的代码产生错误“无法读取未定义的属性‘窗体’”： boundary_limits () { }, return this.$refs.highRiskAlerts.form; alerts () { boundary_limits: this.boundary_limitsthis.high_risk_al

浏览 0提问于2020-02-01得票数 0

回答已采纳

1回答

$ref在vue* ts中-错误的值*

typescript、vue.js

我需要在js中使用this.$refs.calendars.$refs.calendar.showPageRange() --它可以工作，但是在ts中，'Vue \x-元素\\- Vue[] Element[]‘类型中不存在错误'$refs’。components/date-picker.umd') data(): Data { dates:

浏览 5提问于2021-07-02得票数 0

1回答

当我使用ref进行nuxt链接时，我不能在其上更改样式(Nuxt.js)

javascript、vue.js、nuxt.js、routerlink、nuxt-link

在我的函数中，我使用的是ref，它被绑定到链接，当我试图更改颜色(ref.style.color = 'red')时，我会看到一个错误。因为绑定到nuxt链接的ref是对象，而且它没有样式属性。mousemove.native="move" @mouseover.native="over"> 在我的功能中</

浏览 4提问于2022-08-22得票数 1

回答已采纳

1回答

如何处理返回未定义错误的Vue中的呈现错误

if-statement、vuejs2、conditional-statements

下面的代码在运行时抛出一个未定义的错误，我是否可以设置或使用条件格式？$refs['groupName'].choice != 'undefined'){ //do this} app.js:22462 V

浏览 0提问于2018-05-23得票数 1

点击加载更多

如何在vue中获得特定div的动态宽度？