VUE框架CLI组件化局部样式和全局样式------VUE框架
原创 3月前
59阅读
Vue 中组件的局部css样式配置:scoped样式1:说明:<!-- ## scoped样式 1.
原创 2022-12-10 15:40:54
458阅读
最近vue项目要实现打印网页中局部区域的要求,但是用下列方式的时候显得样式全部都没有作用上 printConte
原创 2022-07-22 09:33:27
838阅读
以防止各组件之间css中class名称的冲突!
原创 2022-05-24 18:09:48
811阅读
一、背景在开发项目的过程中,有时修改后台的数据变化可能不会及时更新到页面上,此时就需要我们刷新页面更新数据,但是直接调用刷新window.location.reload()可能对操作的体验不是很好,所以就需要下面的方法。列举个场景,比如修改主体content内容,我想要刷新主体部分的组件,但是不刷新title和aside组件,怎么实现呢?实现方法就是在想要刷新的组件中封装一个方法,当需要刷新页面时
目录创建一个vue工程:SPA:一切皆组件在App.vue文件中:全局唯一的路由配置文件router/index.js:在HomView.vue文件中:代码分析: Element UI局部组件库的使用:1.官网:2.安装3.导入创建一个vue工程:    路由Vue Router:路由的作用是用来跳转页面的但是Vue工程是SPA工程,只存在一个HT
转载 5月前
527阅读
--
原创 2022-08-29 16:25:41
335阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
转载 2021-07-05 17:10:00
144阅读
2评论
...
转载 2021-10-14 10:31:00
741阅读
2评论
(1). 深度作用选择器:希望scoped样式中的一个选择器能够作用得"更深",如影响子组件.覆盖element-ui中的样式时,只能通过深度作用选择器.(2). /deep/:.a { /deep/ .b { /* ... */ } } 注: ①. less可以使用.
原创 2023-10-26 10:54:54
73阅读
前言好,经过上个章节的介绍完毕之后,了解了一下 UniApp 的一个全局 页面配置文件,也就是我们的一个 pages.json 文件。那么了解完了这个文件之后,这片文章,再了解一下 UniApp 的一个全局样式和我们的局部样式。搭建演示环境创建一个全新的项目:然后在配置一下,微信小程序的 AppId,直接去之前的项目中拷贝一下即可,
原创 精选 8月前
787阅读
// 局部组件命名规范 1文件名大驼峰 MyLocalBtn.vue 2 使用的时候 将驼峰转化为横杠 <my-local-btn></my-local-btn> MyLocalBtn.vue局部组件 <template> <div> <div>我输局部组件 {{valuea}}</div> </d
原创 2022-09-01 17:50:35
273阅读
'total' is assigned a value but never used no-unused-vars  当页面报这种错误就很烦,明明定义了,也用了,却提示没有被用,出现这种原因是,创建项目的时候选择了Eslint,语法检验。此时我们在声明的地方使用//eslint-disable-line no-unused-vars即可解决!var total = 0; //e
原创 2023-09-08 14:30:01
106阅读
  我们一般使用样式的时候,有三种方法。外联样式:建立一个外部的CSS样式表,通过link标签进行引入。内联样式:在html中的标签style中编写。行内样式:在标签的style属性中编写。我们都知道,这样编写的样式是无法运用在表达式上和对象上的。在Vue中,我们可以将样式名作为变量使用,也就是可以将它应用到表达式和对象中。1  外/内部样式1.1  作为数组进行引用
什么是图片懒加载图片的懒加载就是在页面打开的时候,不要一次性全部显示页面所有的图片,而是只显示当前视口内的图片,一般在移动端使用(PC端主要是前端分页或者后端分页)。为什么需要懒加载对于一个页面加载速度影响最大的因素之一就是图片资源,如果一个页面图片太多(比如某宝,某东等),整个页面的图片大小可以到达几百兆,即使在百兆宽带,全部下载的话,也需要上十秒的时间,这对于用户耐心的考验是巨大
在开发中修改第三方组件样式是很常见,但由于 scoped 属性的样式隔离,可能需要去除 scoped 或是另起一个 style 。 这些做法都会带来副作用(组件样式污染、不够优雅),样式穿透在css预处理器中使用才生效。 我们可以使用 >>> 或 /deep/ 解决这一问题:外层 >>> .el-checkbox {   display: block;   fo
Vue
转载 2021-05-10 20:31:21
363阅读
2评论
Vue 绑定样式
原创 2022-06-06 12:32:18
338阅读
在开发中修改第三方组件样式是很常见,但由于scoped属性的样式隔离,可能需要去除scoped或是另起一个style。这些做法
原创 2022-12-01 16:38:55
199阅读
绑定class样式--字符串写法<div class="basic" :class="mood" @click="changeMood">{{name}}</div>绑定class样式--数组写法<div class="basic" :class="classArr">123</div>绑定class样式--对象写法<div class="ba
原创 2022-12-22 22:31:40
241阅读
绑定样式class样式写法: :class="xxx" ,其中xxx可以是字符串、对象、数组。字符串写法适用于:类名不确定,要动态获取。数组写法适用于:绑定的样式个数不确定、名字也不确定。<div class="basic" :class="classArr"></div>对象写法适用于:绑定的样式个数确定、名字也确定,但动态决定用不用。<div class="bas
原创 2023-09-18 18:21:46
89阅读
  • 1
  • 2
  • 3
  • 4
  • 5