1.版本 "element-ui": "^2.15.2",
"vue": "^2.6.11"（如需使用sass）——> 直接使用最新版本可能出现bug"sass": "^1.26.5",
"sass-loader": "^8.0.2"2. 尝试过很多次，一度奔溃，要不然就是只能全局引入并且修改主题色，要不然就是只能部分引入并且不能修改主题色， 我们的目标是： 既要部分
转载
2024-03-06 00:05:33
135阅读
scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法：<style scoped>
h1 {
color: #f00;
}
</style>使用scoped划分本地样式的结果编译结果如下：h1[data-v-4c3b6c1c] {
color: #f00;
}即在元素中添加了一个唯一属性用来区分。缺点一、如果用户在别处定
在Vue项目中用的比较多的就是组件，为了实现组件的样式模块化。我们通常会在style标签中添加一个scoped属性，这样css样式只能作用于当前的Vue组件。使组件之间的样式相互独立，当调用该组件的时候就不会影响其他组件样式或者被其他组件中的样式所干扰。一、什么是scopedscoped是Vue中引入的处理样式属性，目的是使样式私有化（模块化），不对全局造成污染。使用该属性会在该为该组件自动添加一
转载
2024-03-19 16:05:24
535阅读
vue 覆盖elementUI的样式，如
覆盖el-form表单的样式例如：el-form 表单中的el-form-item，修改校验后的错误信息样式实现：<template> <div> <el-form :model="addForm" :rules="rules" class="demo-ruleForm"> ...
原创
2022-11-29 11:01:49
585阅读
最近在整理以前的代码，碰到了写的element-ui整合vue的项目感觉挺好用的，就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧，复制导入vue.js即用，不需要后端，感受下element-ui的强大。如果想要直接的案例，不想进行简单尝试，请直接调到标题二：案例环境1. 单独网页版代码：<!DOCTYPE html>
<html lang="en">
&l
转载
2024-04-23 16:00:34
95阅读
从W3School找到相关资料如下：伪类： 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。 伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选参数。 任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥，另外一些伪类可以同时被同一个元素使用。并且，为了满足用户在操作DOM
关于scoped css在页面定义的style 中设置scoped<style>
/* 全局样式 */
</style>
<style scoped>
/* 本地页面样式 */
</style>当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些
1、安装 npm i element-ui -S 2、完整引入 其中，样式文件是单独引用的。 3、按需引入（需要借助babel-plugin-component） npm install babel-plugin-component -D 然后创建babel的配置文件 然后就可以按需引入了： 在引入 ...
转载
2021-10-23 21:54:00
423阅读
2评论
前言在上一篇博客vue2响应式原理之递归侦测全部对象属性，讲述了对象中嵌套对象或者数组的深层嵌套进行数据劫持使对象全部属性变得响应式，这一篇将讲述如果数据发生变化通过getter和sertter进行依赖收集通知Watcher进行视图更新一、依赖是什么？使用到数据的地方称为依赖，我们会在getter中收集依赖，在setter中触发依赖。我们把依赖收集的代码封装成一个Dep类用来管理依赖，然后在每个O
文章目录项目部署视频前言一、前端搭建1、下载前端模板2、项目运行二、前端登录改造1、改造前端项目2、登录接口请求详解3、数据响应三、总结 前言这次拖了一个多月才更新，最近自己发生了很多的事情，有时间和大家一起聊聊，所以一直没来得及更新，这次终于能静下心来写文章了，在这期间我还谋划了一个大的规划，那就是整理Java。我将系统的进行学习，学习的同时我将会写基础的学习文章，估计要持续四个月左右吧，从J
分析Element-ui封装思想在平时写业务或者是写玩具的时候为了方便，我们会使用各种各样的组件库。虽然说基本需求看文档就可以了，但是文档中提供的方法和业务需求相比肯定是有一定差距的，这时候就需要自己封装组件了；并且，在写了一些代码后感觉，其实在不同的项目中写过功能差不多相同的代码，那为什么不封装一下方便以后、或者是其他人使用呢？写这篇博客的时候参考了b站up主樱满空的视频。文章内容会不断的更新，
转载
2024-03-07 14:43:22
661阅读
vue样式穿透 ::v-deep的具体使用 这篇文章主要介绍了vue样式穿透 ::v-deep的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧之前在项目中用到了 vant，使用特别简单，而且组建也非常的丰富。即时这样，在项目中肯定也需要用额外的样式来打造自己的应用。直接在 <style lang="sc
转载
2024-09-24 15:47:30
84阅读
vue项目中引入element ui1.安装element ui1. 安装 Element-UI 模块
npm install element-ui --save2.在main.js中全局引入element uiimport ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(E
转载
2024-03-19 13:04:20
309阅读
作者：Pseudo 凡是要知其然知其所以然文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！前面小编也整理过关于文件上传的详细原理和文件上传技巧：手把手教你前端的各种文件上传攻略和大文件断点续传 一文了解文件上传全过程(1.8w字深度解析)「前端进阶必备」 据我了解大概有以下原因：
转载
2024-08-16 08:13:14
37阅读
(1)什么是vue插件就像我们安装vscode的插件能给我们的vscode添加不同的功能一样。Vue的插件就是能够给vue添加新功能新特性的东西。(2)Vue插件有什么用插件通常会为 Vue 添加全局功能。所谓全局： 即不需要像组件那样，每次使用他前都需要先引入一次。对于插件只要在最开始引入一次，在任何组件就可以直接使用。（类似于我们在window上添加的方法属性那样，任何地方都可以用）插件能实现
CodeFun 编者按：自从 2021 年 7 月 2 日开启公测至今，半个月的时间里，我们为 1000 + 前端工程师带来了提效体验。⬇️2021 年过一半了，各位切图还开心吗？最近我遇到这个事情： emmm，这位产品小兄弟，说好只加 3 个页面，最后硬是让产品加了 6 个页面，差点凑齐七个小矮人了，后面的 UI 稿就像这样（考虑到公司利益，本文采用网上案例作为参考）：（资源出自网络
一、登录过程分析在登录页面当中，引用Element UI中的input输入框，配置 :model="loginForm"，同时在列表项input输入框中结合v-model命令，v-model="loginForm.username"，实现双向数据绑定。对于data中的数据，也需要进行定义之前model所绑定的数据loginForm，这个也是录表单的数据绑定对象，在loginForm中定义具体的数据
转载
2024-04-09 09:25:32
174阅读
1.elementui布局框架Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。换句话说:Element它是在vue2.0的基础上，提供了各种组件(比如表单 表格 菜单导航.....),使用这些组件可以更好得完成功能和布局。2.1 如何使用elementui组件（1）需要再相应得网页中引入vue和elementui得文件注意:必须先引入vue在引入elem
转载
2024-03-27 09:03:23
216阅读
/ 如果当前值和上一行的值相同，则将当前单元格隐藏。// 否则计算当前单元格应该跨越多少行。// 获取上一行相同列的值。// 获取当前单元格的值。
原创
2024-09-05 10:10:42
100阅读
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置字体</title>
<!--字体 font-family
语法： font-family: "字体1","字体2",...
从前往后选择字体，如果不支持字体1就选择字体2以此类推，如果都没有，那么
转载
2024-04-25 20:05:42
139阅读
