vue class踩坑

最新推荐文章于 2022-11-24 15:30:40 发布
最新推荐文章于 2022-11-24 15:30:40 发布
阅读量465 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38098195/article/details/81387476
版权

vue中有很多class不能用，比如app，你用vuedetool你会发现多个root和app，就是因为你使用class名字为app。

还有class的名字为function，也会报错。

这就好比你在window上添加close方法不会生效一样^_^

godnan_kk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-vue使用中的注意点和坑点
冠日的个人博客
03-13 460
1.选择器支持的种类 css中的选择器都可以写,但是建议 不要用 标签选择器,一般 id 或者 类,不要使用 body 跟html 2.this是谁 当前这个Vue实例(实例化出来的对象) 3.参数的属性名 实例化Vue对象的时候,传入了一个对象{ el, data, methods } 这个对象是参数,Vue在使用这个参数的时候,直接把我们写的 data中的...
vue给组件设置class无效
NEFU_kadia的博客
05-10 2115
解决方法 父页面的style去掉scope，或者在一个新style标签里写组件的css
vue项目，页面class不生效
paopaosama的博客
06-05 1万+
代码如下，vue项目中，页面有一个class为c-ul的div,但是浏览器中style里没有我的c-li样式。这是为什么呢。研究一番之后发现： 1.我的style是scoped，也就是css样式仅应用于我的这个名为component1的页面。因此，在挂载的时候，页面的所有元素都会被vue加上一个自定义属性名：类似于这样的<div data-v-5e57fb82="" class="wrap...
vue打包报错Class extends value undefined is not a constructor or null
wood_sugar的博客
07-13 2366
vue打包异常Class extends value undefined is not a constructor or null
Vue 动态添加class可能带来的问题（被覆盖）
weixin_45143856的博客
11-24 2333
Vue 动态添加class可能带来的问题（被覆盖）
浅谈vue的踩坑路
08-29
浅谈vue的踩坑路 在本篇文章中，我们将探索 Vue.js 中的一些踩坑路径，包括 axios 模拟 GET 请求、图片加载问题、数据绑定问题等。 首先，让我们来看一下 axios 模拟 GET 请求的问题。在开发服务器中，我们可以...
vue踩坑记录之数组定义和赋值问题
12-29
问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错 有效日期> <div class=block> type=daterange range-separator=至 start-placeholder=开始日期 end-placeholder=结束日期> data(){ ...
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
10-15
在Vue项目中集成高德地图并实现定位及关键字搜索功能是一项常见的需求，下面将详细介绍如何在Vue项目中实现这些功能，以及在实现过程中需要注意的一些关键点。 首先，我们需要在项目的`index.html`文件中引入高德...
【JavaScript源代码】vue使用节流函数的踩坑实例指南.docx
12-29
### Vue使用节流函数的踩坑实例指南 #### 背景与问题描述 在Web开发尤其是使用Vue.js进行前端开发的过程中，经常会遇到这样一个场景：我们需要在用户输入文本后（例如在搜索框中输入），根据用户的输入内容发送HTTP...
里面有17个vue面试题，是面试经常问到的
04-03
回答：Vue.js 提供了多种方式来动态绑定 Class 和 Style，例如使用 v-bind 指令、计算属性、方法等。例如，使用 v-bind 可以将 Class 和 Style 绑定到组件的数据中，实现动态样式和类名的更新。 四、数据流和生命...
vue中v-for绑定数组，当数组变化时页面数据不更新，：class和：style失效的原因
qq_42661587的博客
09-07 2403
问题：点击事件里改变了数组内容，但是：class和：style没有监听到样式，从而页面样式没有一同改变。 原因： 根据vue的官方文档说明：Vue 包含一组观察数组的变异方法，所以它们将会触发视图更新。这些方法如下：push()pop()shift()unshift()splice()sort()reverse() splice 替换 写法 array.splice(index,n,data1,data2,......); 参数 index：需要替换的元素的...
解决class绑定数组，改变数组不更新view问题
Lora_0925的博客
05-20 367
首先我们先思考一下，vue的数据是怎么更新的，绑定原理是什么。 众所周知，vue2采用的数据劫持是使用object.defineproperty()方法，但是object.defineproperty()方法并不完美，它的缺陷，主要表现在两个方面： 1.无法检测到对象属性的新增或删除 　由于js的动态性，可以为对象追加新的属性或者删除其中某个属性，这点对经过Object.defineProperty方法建立的响应式对象来说，只能追踪对象已有数据是否被修改，无法追踪新增属性和删除属性，这就需要另外处理。
vue中动态添加class类名(对象形式)以及数据更新试图不更新问题
agua001的博客
09-24 1万+
项目中比较常用的就是点击某个高亮，如： :class="{'active': activeTab === index}" 突然遇到比较复杂的需求，比如根据客户类型展示不一样的样式（有很多种客户类型，每个都不一样） 以前百度看到有很多种方法，都没有一一去尝试，直到自己需要用的时候才… （想起流浪地球— 起初没有人在意这场灾难，直到它和每个人息息相关） 哈哈… <div class="evaluateLi_cusType_common" :class="{'evaluateLi_cusType':
Vue无法解析变量或解析部分变量
何欢的博客
03-25 6294
此时写在.signlayer中的vue代码是无法解析的 需要用.container 包住.signlayer <div class="container"> <div class="signlayer">{{vue}}</div> </div>
关于vue动态绑定class的样例
m0_67233919的博客
03-28 830
关于vue动态绑定class的样例 一、基本的绑定样式 1.对象语法 <div :class="{ active: isActive ，'text-danger': hasError }"></div> 2.数组语法 <div v-bind:class="[activeClass, errorClass]"></div> 3.数组语法中加入对象语法 <div v-bind:class="[{ active: isActive }, errorClas
vue动态绑定class时遇到的问题
VladimirZL的博客
02-22 9042
写项目的时候遇到一个很奇怪的问题，可能是我对vue的了解很浅，希望有大神能帮我解决一下，问题如下 本来想实现动态绑定class，却发现了很奇怪的问题，代码如下 从代码看，是个很简单的逻辑， 通过button点击变色，使data中的值改变，从而给div绑定新的class，因为在真正的项目中click是一个ajax请求，为了制造异步，我用了一个setTimeout，一秒钟之后再改变值，页...
使用 es6 class类创建对象 在其他页面 用vue引用报错 is not a constructor
热门推荐
weixin_39090097的博客
09-14 2万+
最近项目中使用 es6 新语法class创建对象，在 vue 文件中导入以后，在new的时候报错，很是郁闷 然后 启动项目 ，打开浏览器 刷刷报错   明明是是引入了为嘛报错呢？ 最后发现是因为 命名的问题    所以小伙伴 们，引入的时候别刷刷名字 全部一通复制，let的定义名字 千万不能和 import 定义的名字一样...
[Vue][:class]Vue动态绑定class错误分析
qq_31103801的博客
04-11 988
问题 我使用 :class 动态绑定样式表，出现以上问题 看代码 它的父级我在 Vue 应用里已经绑定了 并且 data 中包含 activeWho 属性 但是它依然报错，说是这个属性没有定义 但是代码能正常工作 可是强迫症看着难受 思考 经过试验以及思考 我终于明白是什么问题了 我们在body后边引用vue写好的js代码，它才会工作 并且在代码里边没有直接操作document的地方 而是使用 new 关键字创建对象 所以一切的document操作在创建vue时进行 此时vue进行分析dom节点
Vue.js中用v-bind绑定class的注意事项
cristina_song的博客
10-18 3811
代表所对应的样式的class名称必须加上引号，否则会将其当做对象的属性，从而使得初始化报错。 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt; &amp
vue dockerfile
最新发布
08-16
- *1* [Dockerfile 构建 Vue 镜像踩坑记](https://blog.csdn.net/jiangjunsss/article/details/123870378)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值