获取component组件的name名称

这篇具有很好参考价值的文章主要介绍了获取component组件的name名称。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

方法1:component.name

import sgComponent from "@/vue/components/sgComponent";

sgComponent.name 就是组件的name

方法2:this.$options.name

在组件自身内部console.log(this.$options.name) 可以获取自己的name

此外,this.$options.还可以获取data()、methods、created()、watch等等信息文章来源地址https://www.toymoban.com/news/detail-538817.html

到了这里,关于获取component组件的name名称的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决办法

    在创建组件命名时,引用 index.vue 的过程中报错; 其一、报错的全称为: error Component name \\\"index\\\" should always be multi-word vue/multi-word-component-names 翻译为: 错误组件名称“索引”应始终为多词 vue/多词组件名称 其二、问题分析: 新手在使用脚手架时总会报各种错,报错信息指的是

    2024年02月16日
    浏览(47)
  • 前端报错合集 error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决办法

    原因组件命名是 没有采用驼峰 error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决办法_error component name \\\"index\\\" should always be mult_狮子座的男孩的博客-CSDN博客

    2024年02月09日
    浏览(43)
  • vue给components动态添加组件

    在Vue中,可以使用 v-bind 指令来动态地将组件添加到其他组件上。 首先,需要定义一个包含所有可能的子组件的数组或对象。然后,通过计算属性(computed property)根据条件选择要显示的组件。最后,使用 component 元素并结合 is 特性来动态地切换不同的组件。 这样就可以根据

    2024年01月24日
    浏览(41)
  • 【Vue】在vue中命名的时候会遇到 component name “index” should always be multi-word的解决方案

    【Vue】在vue中命名的时候会遇到 component name “index” should always be multi-word的解决方案 解决方案 1.1 直接改名 1.2 关闭检验 1.3 关闭命名规则校验 1.4 建议官方的配置 1. 报错代码 使用脚手架创建一个新的项目后,在给组件下的文件取名为index.vue后,第一行飘红,提示信息如下:

    2024年02月16日
    浏览(39)
  • Vue动态组件 component :is的使用

    vue 动态组件用于实现在指定位置上,动态加载不同的组件,核心代码为: componentTag 为自定义的变量,将需要加载的组件名赋值给它,即可在component /标签出现的位置,渲染该组件。 src/page/component1.vue src/page/component2.vue src/page/component3.vue 点击按钮组件1 点击按钮组件2 点击按

    2024年02月02日
    浏览(42)
  • 【插件推荐】vue3框架组件自动导入unplugin-vue-components

    框架组件自动按需导入工具,不使用不会导入,可减少项目体积 我这里用的是Vue CLI,所以要在vue.config.js文件中添加配置,官网中有写不同打包工具的配置写法 框架我使用的是Element Plus,使用前去官网查看自己的框架是否支持,主流框架都是支持的 引入: 在configureWebpack.p

    2024年02月02日
    浏览(37)
  • Vue3中使用component :is 加载组件

    1.不使用setup语法糖,这种方式和vue2差不多,is可以是个字符串 2. 使用setup语法糖,这时候的is如果使用字符串会加载不出来,得使用组件实例 第一种方式 第二种方式

    2024年02月16日
    浏览(43)
  • vue - 动态绑定ref(使用变量)以及获取方式,解决v-for循环嵌套自定义子组件时无法this.$refs.xx找到动态组件的情况(详细示例教程)适合 vue.js nuxt.js uniapp

    正常情况,我们需要在vue中获得某个dom或者组件,我们会通过绑定 ref 然后通过绑定后的名字来获取这个dom 。 但是,如果我们在v-for中绑定ref的话,那么这个ref就会存在多个,比如我们点击事件让对应的显示/隐藏的话,我们很难找到这个对应的元素。 那么,这时我们需要动

    2024年02月13日
    浏览(51)
  • 在 vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?

    目录 出现的问题: 报错的原因: 解决方案:  方案一 :重命名(亲测有效) 方案二 :配置 vue.config.js 文件(网上方法,本人使用无效) 方案三 :配置 .eslintrc.js文件(亲测有效) 1、关闭命名规则 2、忽略个别组件名 非常重要的注意点:(重启项目,配置文件才生效)  在

    2023年04月09日
    浏览(50)
  • vue3 使用defineAsyncComponent与component标签实现动态渲染组件

    内容有些啰嗦,内容记载了当时遇到了bug以及解决问题的思路。 业务场景简述: 前端做配置化组件,通过url内的唯一标识,请求后端sql 哪取页面配置信息,前端通过配置信息动态渲染查询表单,导出、表格,toolbar以及动态弹窗;该动态渲染组件的功能,就是渲染的toolbar内

    2024年02月05日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包