变量vue3 vue css
jmeter 自定义变量 json字符串 解析json对象变为用户变量
用户变量为json {\"#at_beforeDate#\":\"2023-10-19 17:51:10\",\"#at_phone#\":\"18617121598\",\"#at_username#\":\"张琳琳\",\"#at_date#\":\"2023-10-19 17:51:10\", ......
css：transition tab切换 动态滑动效果
<template> <view class="tab"> <view class="item" :class="{'ac':active == 1}" @click="active = 1">item1</view> <view class="item" :class="{'ac':active ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
Vue3 模版常用语法
一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
Vue3 子组件修改父组件传过来的值
Vue3 子组件修改父组件传过来的值 1、在父组件中，找到引用的子组件，在引用中加入v-model 例如：子组件是demo,需要穿的值为num 这个有个温馨提示，（v-model +冒号+需要穿的值）这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
vue中实现上传 ，下载功能
上传功能（包括上传图片，上传文件）使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :disabled="isUpload" action="" :s ......
Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组 要把表单数据存成数组形式，在另一个页面通过v-for渲染展示，因为拥有同一个key值，在每次更新表单数据时都会发生数据覆盖现象。 var templist = JSON.parse(localStorage.getItem("msgBody") || ......
vue学习笔记之执行顺序
vue文件加载顺序：index.html>app.vue>main.js 加载顺序详情： 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上） 执行main.js main.js找到实例挂载app.vue文件，将index ......
vue + tornado 个人博客项目简介
vue + tornado 个人博客项目简介 项目链接：https://www.freepd.top 项目链接：https://admin.freepd.top 项目简介 首页预览 本站接入了百度api 每小时更新访问量 域名在阿里云购买，解析到腾讯云服务器 ssl证书为阿里云每年免费申请20个 技 ......
Vue2 element-table 动态添加一行
Vue2 element-table 动态添加一行 <template> <div class="app-container"> <!-- 表格 --> <el-table :data="tableData" :height="fullHeight" border> <el-table-column ......
vue实现文件上传与下载
一、文件上传（多个文件上传） 1、文件上传弹窗代码： <! 上传文件弹窗 > <el-dialog :title="addFileTitleName" :visible.sync="dialogAddFile" width="500px" style="padding:0;" @close="res ......
vue3项目创建
1. 确保npm指令能够运行 - 官网下载nodejs Download | Node.js (nodejs.org) 安装完成后重启intellij 2. 终端输入 npm install -g create-vue 3. 终端输入 create-vue 新建vue项目 根据需要设置功能, 例： ......
vue打包部署遇到的问题
网站上线中遇到的问题（跨域，404，空白页解决方案） 因为本人是后端开发工程师，对前端开发不了解，踩了很多坑，所以将踩过的坑分享出来，以供参考 网站地址：这里 这段时间将项目部署到服务器中引发了几个问题 第一个问题：跨域 一般跨域是由后端来解决的，但是由于项目中加入了追踪请求的日志，频繁option ......
springboot中logback日志配置引用spring环境变量的使用方式
在springboot 的官方文档中，关于springboot集成logback的说明中提到【https://docs.spring.io/spring-boot/docs/2.4.5/reference/htmlsingle/#boot-features-logback-extensions】 集 ......
开发实例：后端Java和前端vue实现文件上传和下载功能
首先，在Java的后端代码中，我们可以使用Spring框架来实现文件上传和下载功能。以下是一个简单的示例： 文件上传 首先，我们需要在html页面上创建一个表单，其中包含一个file类型的输入字段： <form action="/upload" method="POST" enctype="mult ......
如何传递环境变量给Docker容器
在Linux命令行中，可以使用-e选项来传递环境变量给Docker容器。这样，我们可以在运行容器的同时设置特定的环境变量，以满足应用程序的需求。下面将详细介绍如何使用Linux命令行传递环境变量给Docker容器。 1、Docker Run命令： 最常用的方法是在使用docker run命令时，通过 ......
vue - 实现文件的上传-字节流下载详细过程
前言这个需求一般是在有合同的地方用，首先不止一个地方用我们应该把他封装成一个简易的全局组件， 上传的时候封装成全局组件，传2个值，一个合同id，一个开关，下载的时候调用接口获取文档流下载 注意看下面的文件上传下载-细节有详细的过程和遇到的问题和解决方案 效果图接口配置import request f ......
[Vue]样式绑定 :class :style
1. class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 1) 字符串写法适用于: 类名不确定，要动态获取。 2) 数组写法适用于: 要绑定多个样式，个数不确定，名字也不确定。 3) 对象写法适用于: 要绑定多个样式，个数确定，名字也确定，但不确定用不用。 2. styl ......
OpenTiny Vue 支持 Vue2.7 啦！
TinyVue 是一个实现了一套代码同时支持Vue2和Vue3的跨端跨框架前端组件库，近期即将发布的 v2.11.0 版本将支持Vue2.7，实现了对Vue框架的全面支持，下一步就是React啦！ ......
R语言偏最小二乘回归PLS回归分析制药产品化学制造过程数据、缺失值填充、变量重要性
全文链接 :https://tecdat.cn/?p=34046 原文出处：拓端数据部落公众号 PLS回归主要的客户来自于化学、药品、食品和塑料行业。在本文中，我们将使用此类背景下的示例。 什么是偏最小二乘回归（PLS回归）？ 偏最小二乘回归（Partial Least Squares, PLS）是 ......
vue打包的时候删除 console 和 debugger
esbuild: { pure: VITE_DROP_CONSOLE ? ['console.log', 'debugger'] : [], supported: { // https://github.com/vitejs/vite/pull/8665 'top-level-await': tru ......
29-Vue脚手架-mixin 混入
mixin 混入 功能：可以把多个组件共用的配置提取成一个混入对象 使用混合： 1）第一步，定义混入 新建一个JS文件，比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n ......
vue实现动态展开与折叠内联块元素
功能需求 当多个内联块元素（比如div）在一个固定宽度的父元素内自动排列换行时，如果这些元素的行数超过四行，那么默认折叠超出的部分，并在第四行末尾显示一个按钮供用户切换展开或折叠状态。在折叠状态下，为了确保展开/折叠按钮能够显示在第四行末尾，会隐藏第四行的最后一个元素。在展开状态下，所有元素都会显示 ......
vue3 watch 用法
<script setup> import { ref,computed,watch } from 'vue' const num = ref(1) const name = ref('ming') const obj = ref({name:'小明',age:30}) //watch 简单类型 / ......
[Vue]computed和watch的区别
computed 和 watch 之间的区别: 1. computed 能完成的功能，watch 都可以完成。 2. watch 能完成的功能，computed 不一定能完成，例如: watch 可以进行异步操作。两个重要的小原则: 1.所有被 Vue 管理的函数，最好写成普通函数，这样 this ......
vue中如何使用svg，以及碰到的相应问题
安装 cnpm install svg-sprite-loader --save-dev 创建svg文件夹存放svg图标 创建icons文件夹，在icons文件夹下创建svg文件夹存放本地svg图标。 vue.config.js 中配置svg图片 config.module.rule("svg"). ......
vue3 elementplus table表格内添加checkbox和行号
1.仅添加复选框 <el-table-column type="selection" width="55"></el-table-column> 2.添加复选框和文字行号在一列 <el-table-column> <template #header> <el-checkbox v-model="se ......
vue 首次加载项目,控制台报错: Redirected when going from "/" to "/login"
第一次加载加载页面时报错如下:Redirected when going from "/" to "/login" via a navigation guard. ![image](https://img2023.cnblogs.com/blog/1880163/202310/1880163-202 ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......