样式 组件scoped vue
React.FC中父组件调用子组件方法
https://blog.csdn.net/qq_36990322/article/details/109858890 1. 函数式和hooks写法 其实下面的缺点基本不算缺点了，因为函数式写法，下面算是简单的了。使用forwardRef只会让你的组件定义的更复杂 优点：1、写法简单易懂2、假如子组 ......
vue项目跨域和路由问题
一、vue跨域 跨域是浏览器的安全策略，当域名或端口跟目标网址不一致时就会触发。 详细可以去这看看：去看看 当开发阶段，如果出现跨域，因为默认node开发中的服务时127.0.0.1：5173 而请求后端时，地址肯定不是这个，就会触发跨域的问题。 开发中可以修改配置来解决这个问题 import { ......
nvidia显卡驱动和nvidia-cuda-toolkit组件的区别
nvidia-cuda-toolkit和NVIDIA显卡驱动是两个不同的组件，它们在使用NVIDIA GPU进行计算和图形处理时发挥不同的作用。 NVIDIA显卡驱动： NVIDIA显卡驱动是安装在计算机上的软件，它与NVIDIA的图形处理器（GPU）通信，控制GPU的功能和性能，并将计算机的图形输 ......
vue elementui validate异步校验改成同步校验返回结果
异步的校验 <script> import { defineComponent, ref } from 'vue' export default defineComponent({ methods: { getFormDataStatus() { let result= ref(false) thi ......
如何搭建一个vue项目
一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载https://github.com/coreybutler/nvm ......
vue设置全局scss，报错
sass-loader版本问题引发的错误：options has an unknown property 'prependData'. These properties are valid 当前版本如下: "sass": "^1.32.7", "sass-loader": "^12.0.0", 原来 ......
前端-Vue语法使用
ES6 做为动态语言，感觉底层开始-基本类型就全引用。做为实例化的变量，也变得像指向指针的指针，可以随时切换指针，从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象，从对象的类型来搭建。 基本类型\ Primitive value Undefined，Null ......
Vue ElementUI中 table单元格使用多个Popover解决多行溢出隐藏鼠标悬浮提示问题
Popover的简单介绍 trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus 和 manual。 对于触发 Popover 的元素，有两种写法：使用 slot=“reference” 的具名插槽，或使用自定义指令v-popover指向 Popov ......
前端-VUE
工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务，发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk)，将js导入到了本地运行领域。以此位基础，发展出了生态环境，里面关系挺绕的，各种轮子， ......
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript）
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript） 1、项目介绍 项目使用：eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
【React】定时器组件
鼠标移入关闭定时器并清除，鼠标移出组件的时候打开定时器进行循环 const timer = useRef(null); useEffect(() => { startLoop(); }, []); const startLoop = () => { stopLoop(); timer.current ......
Vue的生命周期
var vm = new Vue({ el: "#app", // 在基础初始化完成之后，数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成，实例创建完成后立即调用 created(){ console.log( ......
element ui的Loading组件在Dialog对话框内使用
说明 想要实现在Dialog对话框上加载效果, 父组件开启loding,子组件关闭 首先需要在父组件传值的时候把this.$loading的结果赋我们定义好的变量 代码 父组件 <page-details :data="details" ></page-details> // data部分 data ......
组件的循环引用
1、递归组件：组件在自己的模板中调用自身。2、循环引用：当父引用子，子引用父时。 直接给大家上代码： MulAnalysisResult.vue 1 <template> 2 <div v-loading="loading"> 3 <div v-for="(item, index) in dataL ......
VUE前端随笔计2
又是小白记录问题的一次，老规矩，还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码，对比别人的，发现自己的删多了，把这个补充回去就行了，具体意思不太明白，大概是给这个模型里面填充这行数据。 ......
局部添加加载中效果loading （vue+elementUI）
产品需求：有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。（这效果就不揍产品了） 在一个表格数据加载时，因为需要连接其它东西，所以后台接口返回数据需要较长时间，因此添加局部Loading效果，增加用户体验度， 最开始使用下面代码，直接放到<el-table>中， ......
vscode中vue项目中修改.vue文件名后报错
报错误信息： Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
博客园主题样式，添加背景音乐，鼠标点击等样式设置
1 博客园主题样式设置 1.1 主题文档及地址 Silence - 专注于阅读的博客园主题 (esofar.github.io) 1.2 获取文件 https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/s ......
如何搭建一个vue项目
(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
码良本地化gods-pen脚手架不显示组件标签问题处理
问题描述 先说下问题的现象，在进行码良本地化时，使用gods-pen创建组件时，进行到组件标签选择时，没有选项。 问题猜想 gods-pen是放在npm上的，应该没有改变，不会出现问题，所以组件标签可能是存在数据库中，码良初始化脚本缺少初始数据。 以上猜想可以通过两种方式验证： 首先从数据库中查看是 ......
Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法
原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
vue中使用wangEditor在设置工具栏的显隐
前段时间为了富文本在wangEditor和tinyMCE中犹豫，虽然最后选择用tinyMCE，但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多，需要将部分工具栏隐藏，然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法，每次比对时，优先进行头头、尾尾、头尾、尾头的比对尝试，如果都没有命中才会进行乱序比对。 ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境：vue项目 发布后，通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子： .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器（在2017年之前称为一般同胞组合器）： 后继同胞组合器由“波浪号”（U+007E，~）字符组成，它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级，并且由第一个序列表示的元 ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......