Vue 3基于类的组件不调用钩子方法

文章/答案/技术大牛

发布

1回答

vue-component、vuejs3

我正在试着熟悉vue 3。我编写了一个基于类的组件，并尝试调用mounded() Lifecycle方法。但由于某些原因，它不起作用。在这一点上，文档对我没有帮助。所以任何帮助都是很好的。下面是这个类： <template> <Header /> <div class="

浏览 15提问于2021-03-26得票数 1

回答已采纳

1回答

基于类的vue组件属性定义:构造函数与getter / setter与挂载生命周期

typescript、vue.js、vue-component、vue-class-components

我只是想知道哪种方式是定义属性最可靠的方式，它应该在模板中生成一个输出。在构造函数中定义属性：<h1>{{msg}}</h1><script lang="ts">模板参考： <h1>{{msg}}<

浏览 2提问于2019-03-07得票数 3

回答已采纳

1回答

已创建组件上的Vue - Auto运行函数

inheritance、vue.js、lifecycle、vue-class-components

我正在使用带有TypeScript类(.tsx文件)的Vue CLI3.x。我想为我所有的视图实现权限处理。最简单的场景是:路由到组件X；有访问权限吗？居留；没有许可？路由到默认页面。我已经实现了正确处理一切的逻辑，但我正在努力寻找一个好的架构。现在，我将受保护的处理程序函数添加到Vue组件ViewBase中，并且我的所有也是视图的组件都继承

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

回答已采纳

1回答

当我配置了一个带有类型记录支持的vue3项目时，为什么还要添加函数关键字呢？

typescript、vuejs3、vue-composition-api

我来自角度背景，在这个背景中，当我们在组件中声明方法时，我们不使用function关键字。这是因为我使用的是TypeScript，它与ECMAScript6兼容。现在，我正在学习启用了vue3 (composition )的TypeScript。但是，如果我在声明组件中的事件时省略了function关键字，它就不会被识别，编译器将抛出一个错误。我想弄明白为什么这是不同的，但无法弄清楚。谢谢你帮助我理解这些概念。

浏览 3提问于2022-12-04得票数 1

回答已采纳

2回答

如何在外部.vue文件中分离.js组件的方法？

javascript、vue.js、vuejs2

我的组件中留下了许多行代码，所以我决定将这些方法放在一个名为functions.js的单独文件中。我不能称之为那些方法。export default {sendList, getLists, deleteList}...出现3个错误： vue.runtime.esm.js?2b0e:587 Vue警告:创建钩子中的错误："TypeError: this.get

浏览 0提问于2019-01-29得票数 3

1回答

Vuejs -通过指令删除组件并执行已挂载/创建的事件时发出

javascript、vue.js、vue-directives

我希望我的指令作为v-如果在我的指令中，我必须检查访问权限和销毁元素，如果它没有访问。这是我的密码 inserted: function(el, binding, vnode){ vnode.elm.parentElement.removeChild(vnode.elm); },

浏览 1提问于2020-06-05得票数 2

回答已采纳

1回答

vue.js:定义自定义选项的范围--合并策略而不是全局化

vue.js

然而，虽然它在组件方法等方面很好地工作，但我经常需要覆盖一些生命周期挂钩，如挂载、创建等。问题是，Vue --默认情况下--将它们排在一个数组中，然后依次调用它们。当然，这是由Vue默认合并策略定义的。但是，在某些特定情况下，我确实需要重写钩子，而不是让它堆栈。我知道我可以根据自己的喜好定制Vue.config.optionMergeStrategies，但是我想要在每个组件的基础上定制merge

浏览 0提问于2018-10-25得票数 8

3回答

安装在v-on指令中的VueJS钩子

javascript、vue.js

在挂载一些html元素时，我如何在VueJS中调用一个方法？我需要像这样的HTML：<div>item2</div>item1 mounted或者我可以用另一种方式来做

浏览 5提问于2020-01-28得票数 2

回答已采纳

1回答

beforeRouteUpdate钩子中的TS误差

typescript、vue.js、vue-class-components、vue-property-decorator

我正在使用Vue 2/类型记录和vue-属性装饰器编写应用程序。在我的组件中，我使用了beforeRouteEnter/beforeRouteUpdate挂钩。我的组件有findProjects方法，我想在我的findProjects钩子中调用这个方法。我的组成部分： import { Component, Vue, Mixins, Watch

浏览 2提问于2022-04-20得票数 0

回答已采纳

2回答

覆盖Vue的混合方法

javascript、vue.js

是否有一种方法可以覆盖npm的一些混合体，它是由本地组件在组件中调用的？我在node_modules/somePackageName/components/footer.vue中有一个npm包组件，它使用来自node_modules/somePackageName/mixins/popup.js的另一个混合组件该popup.js包含以下方法</em

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

回答已采纳

1回答

Vue组件-如何处理非反应性数据？

vue.js

我正在失去Vue 2组件中的反应性开销最佳实践。我需要用genId()生成一个一次性字符串，并将它分配给组件的id属性。在那之后让人观看似乎太过分了。:id="myID"是将其插入html id的正确方法吗？我在上读到了一岁时的</e

浏览 0提问于2018-10-09得票数 5

回答已采纳

2回答

使用OpenLayers和Vue.js在map上添加新控件时遇到的问题

javascript、vue.js、openlayers

我试图使用OpenLayers和Vue.js在地图上添加一个自定义控件。我有一个组件Explore.vue，它使用OL创建我的"map“(olmap)，并通过绑定将它传递到子组件LeftSideBar2.vue。当我试图在映射中添加一个新控件时，Vue显示了以下错误： [Vue warn]: Error in mounted hook: "TypeError: this.olmap.addControl is我的档

浏览 0提问于2019-03-14得票数 1

1回答

如何解决[ vue* -hooks]在vue中找不到vue实例？*

vue.js、vue-composition-api

我试着运行，但是我遇到了一个错误--当我点击链接时会发生这样的情况： Vue警告:data()中的错误："ReferenceError: vue-hooks未找到vue实例。“ReferenceError: vue -钩子找不到vue实例。Vue警告:属性或方法“产品”不是在实例上定义的，而是在呈现期间引用的。通过初始化此属性，确保此属性是反应性的，无

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

回答已采纳

2回答

在Vue模板中存储对象

vue.js、vuejs2、vue-component

我从挂载事件中的一个类创建一个对象。我需要在整个组件中使用这个对象。存放这个物体的最佳地点是哪里？这样我就可以在我的部件中使用它了？

浏览 5提问于2021-04-13得票数 0

回答已采纳

3回答

如何在javascript子类中调用父方法

javascript、vue.js

下面是vue组件js文件的代码。} 如您所见，我正在vue js组件类中的挂载钩子中创建一个名为Rect的类。我怎样才能做到这一点？我不会在其内部扩展父组件类。我只是在父组件类

浏览 6提问于2020-09-08得票数 2

回答已采纳

1回答

在VueJS3/Nuxt应用程序中添加动态事件列表

javascript、nuxt.js、vuejs3、custom-data-attribute

我目前正在挣扎于这样的事情:我想要向组件中添加一个数据属性，然后根据加载NUXT的时间，将一个单击事件绑定到所有具有该数据属性的节点。我不使用v-on，因为我希望这与当前的Vue逻辑分离。举个例子： <a href="/somelink" data-element>link</a> 组件b.vue也有带有数据元素

浏览 6提问于2022-06-21得票数 0

1回答

Vue生命周期是如何工作的？并将其用于骨架和装载

vue.js、vuejs2、vuetify.js、nuxt.js

在页面刷新中，每件事情都很好，但是在路由更改(在我的页面中返回和前进)，它不起作用。有什么问题！我的客人，这是关于使用生命周期！this.isLoading = true mounted(){ this.isLoading =

浏览 2提问于2020-08-12得票数 0

2回答

获取错误错误:无效的钩子调用。钩子只能在函数组件的主体内调用。

reactjs、typescript、react-native、material-ui

我正在使用material，当我想在我的reactjs应用程序中使用下面的代码(组件)时，没有下面的代码，我的应用程序工作得很好，但是当我使用下面的代码时，我会得到错误:无效钩子调用。钩子只能在函数组件的主体内部调用.。我用的是打字稿。我想使用react材料-ui组件const [checked, setChecked] = React.useState

浏览 1提问于2020-04-24得票数 0

5回答

Vue.js破坏在组件中运行的setInterval

javascript、vue.js、vuejs2、setinterval

在我用VUE制作的SPA中，我有一个组件运行一些递归的setInterval函数(这是一个倒计时)。当我切换到另一个组件时，我注意到倒计时在后台继续进行，但是我更喜欢销毁setInterval。我尝试使用全局数据进行计数，然后在已销毁的钩子上销毁它，但它不起作用。这里我的代码： return { }

浏览 5提问于2019-08-23得票数 6

1回答

具有Vue类组件的vue路由器: next函数不接受回调选项

javascript、typescript、vuejs2、vue-router、vue-class-components

我正在尝试使用Vue -属性装饰程序包实现vue路由器的。底层，vue-属性装饰器依赖于vue类组件包.它提供了一个registerHooks方法，允许您声明哪些方法应该被视为生命周期挂钩(而不是实例方法)。，路由器文件是在App.ts文件中导入的，因此在组件被导入之前就注册了钩子。考虑到上面更新的Foo组件： import {

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

点击加载更多