样式 组件scoped vue

vue-axios

Axios 常用请求方式 get post delete put patch head request all: 发送多个请求,返回一个数组 axios.all([]) 常用配置选项 url method baseURL: 根路径 axios.default.baseURL = 'https://x ......
vue-axios axios vue

vue-element-template实现顶部菜单栏

一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录,改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......

Vue模板

<script src="/js/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> <script type="text/javascript"> new ......
模板 Vue

万字血书Vue—Vuex

Vuex概述 组件之间共享数据的方式(小范围) 全局事件总线 Vuex是什么? 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据,易于开发和后期维护 能够高效地实现组件之间的数据共享,提高 ......
血书 Vuex Vue

vue 代码规范 之 husky

#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
代码 husky vue

ant-design-vue循环生成多个独立的form表单

前言 后台需要的参数格式如下: info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性,每一行内容组成一个对象,如果这些对象都放到同一个form表 ......
表单 ant-design-vue 多个 design form

Vue——initState【十】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析,初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中; co ......
initState Vue

Vue介绍与生命周期详解

一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架,用于构建用户界面,它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React,但它更加易于上手和使用。 Vue的主要特点包括: MVVM模式:Vue采用了MVVM模式,将视图(View)、数据模型(Mod ......
周期 生命 Vue

初识vue3-setup语法糖,ref和reactive语法,computde计算属性,watch开启监听

vue3和vue2的区别 1,vue3首次渲染更快(Vue3在编译和渲染性能上有了很大的提升,主要是因为使用了Proxy代理和优化算法,使得组件可以更快的渲染) 2,diff算法更快 3,内存占用体积变得更小 4,打包体积变得更小 5,更好的ts支持(这里不是因为vue3是ts写的,所以更加支持ts ......
语法 vue3-setup reactive computde 属性

vue 后台管理系统 全屏

toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
后台 管理系统 系统 vue

Android开发-Android常用组件-TextView文本框

04 常用组件 4.1 TextView TextView (文本框),用于显示文本的一个控件。 文本的字体尺寸单位为sp : sp: scaled pixels(放大像素). 主要用于字体显示。文本常用属性: 属性名 作用 id 为TextView设置一个组件id,根据id,我们可以在Java代码 ......
Android 组件 TextView 文本 常用

css 样式笔记

calc calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运 ......
样式 笔记 css

vue3中vue-router一个简单使用案例

![](https://img2023.cnblogs.com/blog/1202393/202303/1202393-20230325153048659-840207058.png)![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
vue-router vue 案例 router vue3

VUE 环境搭建

一、安装node.js在node.js官网下载安装最新版的:https://nodejs.org/zh-cn/ 然后需要更换下载源为国内的 #设置为淘宝源npm config set registry https://registry.npmmirror.com #查看下载源npm config g ......
环境 VUE

vue3中的setup含义

setup 是 Vue3 中引入的一个新的选项,用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数,它在组件实例被创建之前执行,并返回一个包含状态和方法等配置信息的对象。 具体来说,setup 选项的作用包括: 响应式数据:使用 Vue3 ......
含义 setup vue3 vue

CSS鼠标样式(cursor)总结(转载)

CSS鼠标样式(cursor)总结 属性值 示意图 描述 auto 默认值,由浏览器根据当前上下文确定要显示的光标样式 default 默认光标,不考虑上下文,通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
样式 鼠标 cursor CSS

vue-element-admin 运行踩坑笔记

npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! Error while executing: npm ERR! G:\ForCodeSoftwa ......
vue-element-admin element 笔记 admin vue

vue+leaflet示例:geojson数据地形剖面分析(附源码下载)

demo源码运行环境以及配置 运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。 运行工具:vscode或者其他工具。 配置方式:下载demo源码,vscode打开,然后顺序执行以下命令: (1)下载demo环境依赖包命令:npm i (2)启动demo命令:npm run ......
剖面 示例 地形 源码下载 源码

vue实现移动端签名功能之 vue-esign插件篇

1.安装 vue-esignnpm install vue-esign --save 2.全局引用 3.代码 4.将生成的base64转成文件 handleGenerate() { this.$refs.esign .generate() .then(res => { let randnum = M ......
vue vue-esign 插件 功能 esign

vue03 01.创建项目

01.创建项目 打包工具 vite官网 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式: 开发时,并不对代码打包,而是直接采用ESM的方式来,而是直接采用ESM的方式来运行项目 在项目部署时,在对项目进行打包 除了速度外,vite使用起来也更加方便 基本使 ......
项目 vue 03 01

vue2 - mockjs的使用

mockjs官网:http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
mockjs vue2 vue

element-ui table组件使用expand-change时,禁用某行不可展开

由于业务需求,要求某行数据满足一定条件时不可展开,搜了下,大家提供的方案是:通过样式隐藏展开内容,或者隐藏展开按钮,隐藏内容和需求不合适,隐藏按钮的话也比较复杂。自己研究了下,找到个简单的办法,通过method:来解决toggleRowExpansion,官方解释如下: 1 ... 2 modelE ......

centos7 yum 安装nodejs 16,搭建编译vue项目环境

1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......
centos7 环境 项目 centos nodejs

商城网站毕业设计( Python +Vue)

网站介绍 基于 python 开发的电子商城网站,平台采用 B/S 结构,后端采用主流的 Python 语言进行开发,前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括:首页、商品详情页、用户中心模块。 后台功能包括:总览、订单管理、商 ......
毕业设计 商城 Python 网站 Vue

基于vue框架axios网络请求封装

原因 axios 是网络请求的第三库,为了防止降低对第三库的依赖性,所以将axios请求封装为函数,方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......
框架 axios 网络 vue

vue2中添加全局样式

在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......
全局 样式 vue2 vue

初识Vue

vue是动态构建用户界面的渐进式JavaScript框架:作者是尤雨溪 Vue的特点: 遵循MVVM模式 编码简洁,体积小,运行效率高,适合移动/PC端开发 它本身只关注UI,可以引入其它第三方库开发项目 与其他前端框架的联系: 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......
Vue

Teamcenter_NX集成开发:通过NXOpen查询零组件是否存在

之前用过NXOpen PDM的命名空间下的类,现在记录一下通过PDM命名空间下的类查询Teamcenter零组件的信息,也可以用来判断该零组件是否存在。 1-该工程为DLL工程,直接在NX界面调用,所以直接获取NXSession。 2-查询函数advanced用到的查询为:__NX_STD_ANY_ ......

CSS03.字体样式

字体样式 1.CSS外观属性 1.1 color:文本颜色 作用: color属性用于定义文本的颜色 其取值方式有如下3种: 表示属性值 预定义的颜色值(预设值:定义好的单词) red、green、blue 十六进制 淘宝红:#ff4400/#f40 黑色:#000000/#000 白色:#ffff ......
样式 字体 CSS 03

Qt—TableWidget组件使用注意事项

TableWidget组件当开启了sortingEnable后,重新插入数据时,有时数据会消失。 解决方案: 每次在执行插入数据时,插入前关闭sortingEnable,插入后再打开sortingEnable。 如图所示: ......
TableWidget 组件 注意事项 事项