样式 组件scoped vue
Vue3搭建脚手架时提示 Error: command failed: npm install --loglevel error --legacy-peer-deps
一、前言 使用Vue3搭建脚手架，就在快成功的时候报了个错误 Error: command failed: npm install --loglevel error --legacy-peer-deps 大致报错内容是： 您的操作系统拒绝了该操作。 该文件可能已被使用（由文本编辑器或防病毒软件使用） ......
直播平台制作，vue el-dropdown下拉框单选有对钩高亮
直播平台制作，vue el-dropdown下拉框单选有对钩高亮 <template> <div> <div class="selected"></div> <el-dropdown style=" cursor: pointer; font-weight: 500; font-size: 16px ......
使用StackExchange.Redis组件C#模糊删除模糊查找
C# StackExchange.Redis 模糊删除 模糊查找 /// <summary> /// 模糊查找 /// </summary> /// <param name="key"></param> public List<XJDataDll.Tag.Point> SelectTags(stri ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
页面引入css样式时，使用link和@import有什么区别
css文件引入的方式有两种： 1.HTML中使用link标签 <link rel="stylesheet" href="style.css/> 2. css中使用@import @import "style.css" /*使用字符创*/ @import url("style.css") /*使用ur ......
vue搭建脚手架出现：无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1
一、前言 用VsCode搭建Vue3脚手架时，提示“无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1”文件 二、解决方法 以管理员身份打开VSCode编辑器 首先执行get-ExecutionPolicy查看执行策略 然后执行set-ExecutionPol ......
vue-print 实现打印功能
一、安装 1. Vue2 npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue.use(Print); //or // Local instruction import p ......
vue3学习第一课
1，先安装npm brew install npm npm init vite-app vue3demmo cd vue3demmo npm install npm run dev ......
vue 实现页面跳转
1、router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/det ......
在vue中使用axios的步骤（保姆级）
一、基础用法 1.安装axios npm i axios 2.引入axios // 引入axios import axios from 'axios' 3使用 // 发起一个post请求 axios({ method: 'post', url: 'http://192.168.0.88:8888/a ......
基于SqlSugar的开发框架循序渐进介绍（29）-- 快速构建系统参数管理界面-Vue3+ElementPlus
在随笔《基于SqlSugar的开发框架循序渐进介绍（28）-- 快速构建系统参数管理界面》中介绍了基于SqlSugar开发框架，构建系统参数管理的后端API部分，以及WInform界面部分内容，本篇随笔介绍基于Vue3+ElementPlus的前端界面开发过程。 ......
No transaction aspect-managed TransactionStatus in scope
方法或内部方法未被事务覆盖或不在事务作用域里面或方法超时未处理 1、@Transactional(rollbackFor = RuntimeException.class) 增加异常回滚或增加try catch异常捕获 2、设置超时时间，对于报错的代码，也可以使用异步方法执行并加上@Transact ......
要创建富文本内容？Kendo UI Angular组件有专门的编辑器应对！
您的Angular应用程序可能需要允许用户添加带有格式化选项的文本、图像、表格、外观样式和/或链接，使用Kendo UI for Angular的编辑器，可以轻松搞定这些！ Kendo UI for Angular是专业级的Angular UI组件库，不仅是将其他供应商提供的现有组件封装起来，tel ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长，中途站点进行升级更新之后，用户如果不刷新页面就任然停留在旧的页面里，如何让用户收到一个提示，引导用户进行更新操作呢？下面给大家介绍如何站点更新如何在生产环境提示用户更新，进行页面刷新操作，核心原理其实很简单。 一、思路1，每隔一小段时间fetch请求一次服务器首 ......
【快应用】组件如何页面底部显示
【关键词】 底部、postion 【问题背景】 快应用中某个组件如果要实现在页面底部展示，该如何实现呢？ 【实现方法】 可以通过设置postion为fixed，再设置margin-top属性和bottom属性来将组件在页面底部显示。 方法一：设置postion为fixed，bottom为0px <t ......
vue中配置使用axios
简单示例代码： 请求网络的js逻辑，可以放到request.js文件中，放在目录utils下； import axios from "axios"; axios.defaults.withCredentials=true; //创建axios实例 const instance = axios.cre ......
vue获取thymeleaf中的值
这里是thymeleaf的便利，想要在vue的@click中的函数中传递thymeleaf便利的数据。 需要在@click中加上th交给thymeleaf托管，然后再方法前后加上“|”即可 ......
java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统，实现管理员：首页、个人中心、公告信息管理、院系管理、班级管理、学生管理、宿舍信息管理、宿舍安排管理、卫生检查管理、报修信息管理、报修处理管理、缴费信息管理，学生；首页、个人中心、公告信息管理、宿 ......
Django内置序列化组件(drf前身)和批量操作数据加上分页器
目录 一、django内置序列化组件(drf前身) 这里的内置序列化组件，其实就是实现将后端数据，存放到字典中或是存放到列表中有序输出。 方式一 这里是我们用JsonResponse模块自己实现的代码 '''前后端分离的项目 视图函数只需要返回json格式的数据即可''' from app01 im ......
vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…
报错原因 在新版本的npm中，默认情况下，npm install遇到冲突的peerDependencies时将失败。 解决办法 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。 --le ......
vue 选择图片或者拍照上传，数据在外层取不到/拿不到解决。
<input type="file" accept="image/*" capture="camera" @change="onImageChange" class="inputClass"/> // 调用 async onImageChange(e) {this.capImg = await th ......
vue-esign 学习笔记
1 注意事项 最新版是1.1.4，我们项目组用的是1.1.0。从npmjs可以看出，两个版本中间的版本都是不可用的，下载量为0. 除此之外还可以参考的类似工具： https://www.npmjs.com/package/vue-esignature vue-esignature https://w ......
Vue3 h函数渲染组件
1、渲染ElSelect组件 const modulleFilters = ref([ { label: 1, value: 2 }, { label: 2, value: 3 }, ]); const search = ref(''); const tableColumn = [ { prop: ......
vue el-input中点击符号，文本框中显示符号
需求 点击 + | （ ）符号，页面中光标位置，展示对应的符号 点击完，光标留在原位 代码 <el-form-item prop="kwspec" label='监测关键词'> <el-input type="textarea" placeholder="请输入监测关键词" ref="inputRe ......
Vue传参${id}变成$%7Bid%7D
发生缘由 外卖项目在Linux服务器上面运行发送请求乱码 运行环境 电脑系统：win10 jdk版本：jdk-8 SpringBoot版本：v2.4.5 MP版本：3.4.2 Vue版本：Vue.js v2.6.12 Linux版本：Centos7 报错信息 // 修改页面反查详情接口functio ......
vue中scoped 在文件引入中的作用
首先搞清楚scoped是干啥的？scoped的引入主要是上线了样式的模块化私有化，即当前组件的样式只对当前组件起作用。 当vue组件被vue-loader解析的时候，对于style上加了scope属性的组件，会主动加上data-v-xx的属性来唯一标识当前组件，若当钱组件内部存在子组件，只有子组件的 ......
react 用父组件状态控制子组件状态方案
react 想用父组件的状态来控制子组件的状态。有时我们可能想在父组件里设置子组件某个状态的值，这时我们应该怎么实现代码呢？ 法一：把需要共享的状态放在子组件的参数里 比如下面这个 MyTestSubModal 子组件，有 2 个状态：visible 和 loading，分别使用 setVisibl ......
vue this.$router.push 页面传值问题
在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
Vue3数据无法显示/数据无法修改
问题描述： 昨天朋友问了我一个关于Vue3的问题，给他解答后，想起貌似自己当初也曾被这个问题困惑过，只不过被善用搜索引擎后找到了问题所在。 现在考虑到可能有些朋友搜不到解决方法，所以现在用它的表现形式作为标题，可能更便于搜索到。 现在重现一下这个问题： <div v-for="(item,idx) ......