对于VUE使用的一些填坑

最新推荐文章于 2022-10-24 20:55:26 发布
最新推荐文章于 2022-10-24 20:55:26 发布
阅读量3.1w 收藏 1
点赞数 2
分类专栏： Vue webpack html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44647865/article/details/114441222
版权
Vue 同时被 3 个专栏收录
27 篇文章 1 订阅
订阅专栏
html5
21 篇文章 0 订阅
订阅专栏
webpack
6 篇文章 0 订阅
订阅专栏

1、有时候出现某个组件样式出现变化又找不到原因
请避免使用head,footer,fonter,body这样的组件名字，这样会与一些自身存在的标签所重复，从而导致样式的改变

2、对于使用一些插件却又没有正确的使用
请仔细检查自己是否引入了插件，或者插件所需要的的环境是否安装好了

3、当路径不对查找不到该组件
请仔细检查该路径名称是否完全正确，是否是你需要引入组件的位置路径，往往就是你手写的路径错了才导致没有查找引入到

4、对于一些配置的错误
在你需要配置config的时候往往都是从百度然后复制直接粘贴进去，往往是没有错的，但仍需注意的是，你所配置的插件下载了没有，插件的版本是否正确，有时候就是版本太高导致的错误

后续待补充。。。。。有什么需要补充的可以留言

曦和百里
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
（typescript）Property ‘$el‘ does not exist on type ‘Vue | Element | Vue[] | Element[]‘.
浅笑如伤的博客
02-16 1634
Property '$el' does not exist on type 'Vue | Element | Vue[] | Element[]'. Property '$el' does not exist on type 'Element' vue 使用 typescript 报错 this.$refs.orderTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] 改为 (t...
Property ‘xxx‘ does not exist on type ‘Vue | Element | (Vue | Element)[]‘.
popping_Sun的博客
06-10 3040
这段时间使用ts,对于习惯js的我，刚开始真不习惯，各种坑等着我去踩，不过ts对于代码维护与理解确实挺nice的，还是赶快学习ts，赶上时代呀。博主在使用ts过程中碰到了好几次这个问题，以此记录一下， ...
Property ‘files‘ does not exist on type ‘HTMLElement‘解决方法
m0_59778008的博客
10-24 722
【代码】Property 'files' does not exist on type 'HTMLElement'解决方法。
Cannot read property '$el' of undefined at VueComponent
感恩、奋进、自信
06-10 2万+
在.vue文件的template标签里面引用子组件，如下所示<scroll class="middle-r" ref="lyriclist" :data="currentLyric && currentLyric.lines"></scroll>然后再<script>中的methods属性中的一个方法去获取到该对象：由于&lt
vue3 + ts + element-plus ref获取节点报错 Property ‘xxx‘ does not exist on type ‘HTMLElement‘
Jie0817的博客
12-08 5911
vue3 + ts + element-plus ref获取节点报错 Property 'xxx' does not exist on type 'HTMLElement'
vue引入新版 vue-awesome-swiper插件填坑问题
08-28
Vue-Awesome-Swiper 插件填坑问题详解 在本文中，我们将详细介绍 Vue 引入新版 Vue-Awesome-Swiper 插件填坑问题的解决方案。Vue-Awesome-Swiper 是一个基于 Swiper 的 Vue 组件库，它提供了许多有用的功能，如滑块...
vue填坑之webpack run build 静态资源找不到的解决方法
12-09
Vue.js 是一个流行的前端开发框架，它通过 Vue CLI 提供了一套便捷的脚手架工具，帮助开发者快速构建项目。...对于 Vue CLI 创建的项目，熟悉其内部的 `webpack` 配置可以帮助我们更高效地调试和部署。
vue中的mescroll搜索运用及各种填坑处理
10-16
主要介绍了vue中的mescroll搜索运用及各种填坑处理，文中通过代码给大家讲解了mescroll vue使用，感兴趣的朋友跟随小编一起看看吧
详解vue-element Tree树形控件填坑路
12-29
通过tree树形控件的default-...html.vue 角色权限：> node-key=id check=handleNodeClick default-expanded-keys=[] ref=tree default-checked-keys=default_select props=defaultProps> </el-form-ite
vue前端页面无法加载，卡死，报错this.$el.querySelectorAll is not a function
qq_44671533的博客
10-15 5546
很可能是你使用了store,但在main.js中没有引入。检查一下是否完全引入 import store from './store' new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' })
Ts Js input赋值报错The property 'value' does not exist on value of type 'HTMLElement'解决办法
明天
11-20 4938
Ts Js 输入框input赋值报错The property ‘value’ does not exist on value of type 'HTMLElement’解决办法 最近做ionic项目，遇到了需要给input赋值的操作，结果报错： 解决办法： 即：const inputContant = (document.getElementById('suggestId') as HTML...
Property 'diasbled' does not exist on type 'HTMLElement'.
qq_27153595的博客
04-24 1635
在ts中使用elementui通过 disabled 属性指定是否禁用 button按钮： <el-form-item> <el-button type="primary" @click="onSubmit" disabled class="btn-sumbit">立即创建</el-button> <el-button&...
React报错之Property ‘value‘ does not exist on type ‘HTMLElement‘
m0_56069948的博客
08-27 2628
正文从这开始~当我们试图访问一个类型为的元素上的属性时，会产生"Property ‘value’ does not exist on type ‘HTMLElement’"错误。为了解决该错误，在访问属性之前，使用类型断言将元素类型断言为。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vqD4BHIZ-1661534128424)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/75da2f875f0f4a5d96deea6
解决The property 'play' does not exist on value of type 'HTMLElement'
liuguochao1024的博客
04-12 4389
我开发用的是ionic+angular（这个现象是依然能运行，但是在编译的时候会报错） 错误复现： 1，html上有video元素 2，ts中用var myvideo = document.getElementById(id);获取这个元素的dom 3，myvideo.play();报这种错误 解决方法： let myvedio = <HTMLVideoElement&gt...
Property 'validate' does not exist on type 'Vue | Element | Vue[] | Element[]'
qq_35257117的博客
06-10 1万+
环境： vue2.5.2+element-ui2.2.2 +TypeScript 位置： 在提交from 表单验证时 //在这开始报错 this.type = 'test' this.$refs['form'].validate(valid => { ... ... }) 错误信息： 分析原因： Property ‘validate’ does not exist on typ...
angular4使用原生JS属性报错error TS2339: Property 'checked' does not exist on type 'HTMLElement'.
飞云钰哥
11-14 4180
不能使用all.checked使用checked属性，要使用all['checked']。
简单说说vue中的el属性
Goooo
01-23 2万+
每个vue2.0项目中我们都会看到入口文件(即main.js)中，在生成根实例时会配置el属性，而我们自己创建的组件中则不能配置该属性，下面引用了官方文档中对el属性的说明： el 类型：string | Element 限制：只在用new创建实例时生效。 详细： 提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。 在实例挂载之后，元素可以用vm.$el访问。 如果在实例...
vue中warning_使用vue的i18n 出现很多warning提示
weixin_33399354的博客
01-17 1194
Module parse failed: Unexpected token (1:10)You may need an appropriate loader to handle this file type.| {"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/boo...
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法
热门推荐
qq_45680037的博客
03-31 4万+
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 问题原因 今天在学习vue的过程中遇到一个这样的问题，在利用事件总线的时候出现上图的错误，经过百度，最终找到问题的原因就是版本的问题，我是安装了最新的vuecli，版本大概是4.5.4，我最开始安装vuecli没有指定版本 cli4中main.js中引用文件是下图 import {createApp} from 'vue’的格式引用的 而cli3中是用import Vue
vue3 reactive的坑
最新发布
10-20
在使用Vue3的reactive时，需要注意以下几个坑点： 1. 直接赋值破坏响应式结构：直接给reactive对象的属性赋值，会破坏响应式结构，导致数据不会更新。正确的做法是使用Vue提供的set函数来更新属性值。 2. 嵌套对象的响应式：在reactive对象中嵌套对象时，需要使用toRefs函数将嵌套对象转换为响应式对象，否则嵌套对象的属性不会响应式更新。 3. 在setup函数中使用reactive对象：在setup函数中使用reactive对象时，需要使用toRefs函数将reactive对象转换为响应式对象，否则reactive对象的属性不会响应式更新。 4. 在模板中使用reactive对象：在模板中使用reactive对象时，需要使用解构语法将reactive对象的属性解构出来，否则模板不会响应式更新。 5. 在watch函数中使用reactive对象：在watch函数中使用reactive对象时，需要使用toRefs函数将reactive对象转换为响应式对象，否则watch函数不会响应式更新。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值