变量vue3 vue css
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
css小结02
CSS三种显示模式可以互相转化 CSS中元素分为 块元素(独占一行),行内元素(不独占一行),行内块元素(在一行内显示,可以设置宽高)。 三种元素之间可以互相转化 <!-- 通过display属性来互相转化 --> <!-- 如下 通过给display 属性赋不同的值 inline-block 转为 ......
css继承,position:fixed固定定位
CSS 继承是指元素可以继承其父元素的某些样式属性值。当一个元素应用了某个样式属性值,而其子元素没有显式地指定该属性值时,子元素会从父元素继承该属性值。 以下是一些常见的 CSS 属性可以被继承的例子: 1.字体样式属性:font-family、font-size、font-weight、font- ......
vue el-table-column 内容省略号,根据数字展示内容,鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......
HbuilderX将Vue项目打包后的dist,打包成安卓apk安装包
1、先看这个(必看):https://www.cnblogs.com/lyt520/p/16545806.html 2、安装移动端log(如不需要可跳过此步骤) npm install vconsole main.js中引入: import VConsole from 'vconsole' cons ......
关于vue的axios请求的封装
先加载axios import axios from 'axios'; import Vue from 'vue'; import Qs from 'qs'; import urls from './url' import { Message } from 'element-ui'; //用来设置接 ......
ABP + Vue Docker 部署
#!/bin/bash echo " Welcome to docker build" echo "" echo "" ABP_HOST="abp/host" ABP_NG="abp/ng" cd .. echo " Building docker image $ABP_HOST..." # cd ......
vue3 将文件集合下载后导出zip文件
// 注意:文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
vue3中使用pinia
1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹(不同模块建立不同文件,在i ......
基于Java+vue开发的企事业移动培训考试平台
随着移动互联网的快速发展,越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求,我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序,旨在提供一个方便、高效的移动学习平 ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
Day01 - Vue介绍
前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求, ......
Day03 - Vue语法使用
JS循环方式 JS循环方式 // 方式一: js循环 >for() >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li ......
Day02 - Vue 基础知识
模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串, 姓名:{{ name }}</p> <p>渲染字符串, 年龄:{{ age }}</p> <p>渲染数组类型, >:{{ list1 }}</p> <p>渲染数组类型按照索引取值, >:{{ li ......
Day06 - Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.Vue必须是: <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由: // 先导入 import ya ......
Day05 - Vue之动态组件、插槽、项目的创建
动态组件 // 关键字: component // 使用方法: <component :is="who"></component> // component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
Day04 - Vue的请求方式、计算属性、监听、ref
与后端交互的三种方式 // 后端接口写好了,前后端分离的项目,前端如何与后端进行交互? 前后端要打通 >从前端发送Ajax请求 >核心:使用JavaScript发送HTTP请求,接受返回的数据 -使用原生JS,可以开启Ajax,但是使用原生JS,比较麻烦,需要做浏览器兼容,现在基本不使用 -jQue ......
Vue中qs的使用
1、qs是什么 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。 2、qs安装 qs,是axios中自带的,也是npm仓库所管理的包。 安装方式: npm install qs Vue项目导入: import qs from 'qs' Vue项目中 ......
Vue项目中大文件切片上传实现秒传、断点续传的详细实现教程
一、考察点在Vue项目中,大图片和多数据Excel等大文件的上传是一个非常常见的需求。然而,由于文件大小较大,上传速度很慢,传输中断等问题也难以避免。因此,为了提高上传效率和成功率,我们需要使用切片上传的方式,实现文件秒传、断点续传、错误重试、控制并发等功能,并绘制进度条。 在本文中,我们将从以下三 ......
VUE中的data(){return}与data:{}区别
组件是一个可复用的实例,当你引用一个组件的时候,组件里的data是一个普通的对象,所有用到这个组件的都引用的同一个data,就会造成数据污染。 data:{} data:{ msg: 0 } 使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。 data(){ return } d ......
vue3 父子组件通信 setup
父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
css01小结
<!-- CSS的引入 外链式 定义一个css文件,直接写 然后在head标签内用 link引入 <link rel="stylesheet" href=""> 内嵌式 head标签内 写style标签 行内式 直接在标签内 写style定义,没有做到结构与样式分离 ,所以不用 CSS 样式的功能 ......
Vue3组件通信方式
Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......
VUE3+vite+arco design 项目初始化
意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......
Vue3搭建后台管理系统模板
搭建后台管理系统模板 2.1项目初始化 今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使 ......
BootstrapBlazor组件库,项目模板css样式隔离问题
BootstrapBlazor组件库,项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候,遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
css3文字渐变, svg文字渐变
1.svg 文字渐变 <!-- 横向渐变(x1,y1,x2,y2控制渐变方向) --> <svg> <defs> <linearGradient id="grad_red_blue_lr" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" st ......