el-table table vue el

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue-cli-service 命令 service 程序 39

element中el-secect下拉框乱飞不在自己位置上

使用element写后台的时候,经常遇到要写下拉框,有时候需要连续好几个弹框,就会导致下拉框内容乱飞 为此亲测以下方法可以修改这个问题 <el-select v-model="subject" placeholder="请选择专业" :popper-append-to-body='false'> < ......
el-secect 位置 element secect el

vue设置input不可编辑切换

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
input vue

Vue3中KeepAlive的使用

我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
KeepAlive Vue3 Vue

vue2的全屏插件--"screenfull": "^4.2.0",

安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
quot screenfull 插件 vue2 vue

Vue.js 作用域插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
作用 Vue js

Vue-002基础知识

Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......
基础知识 基础 知识 Vue 002

Vue

1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉) 在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。 ......
Vue

找不到模块“@/xxx/xx.vue”或其相应的类型声明 - ts(2307)

使用路径别名引用相关组件时,报出了TS错误提示! 错误信息(图片): Vite中路径别名相关的配置: import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; ......
模块 类型 2307 xxx vue

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......

Vue——initRender【八】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initRender进行剖析,参数合并完成之后就开始了初始化生命周期。 initRender initRender位于src/core/instance/render ......
initRender Vue

vue的从0到1 p4—— vue2改vue3

背景:由于配置公司的vue2项目,什么东西都用不了很烦,我就重新卸载了vue2.9.6,参考文档:https://blog.csdn.net/qq_48736958/article/details/111405591 步骤: 1、卸载原有的版本,首先打开cmd,查看现有的vue版本 $ vue -- ......
vue vue2 vue3

vue学习笔记01

vue3 带来的变化 vue3 的发布时间 2020/09/19。 优点:更好的性能、更小的包体积、更好的 TypeScript 集成、更优秀的 API 设计。 options API->CompositionAPI,由选项 API 到组合 API。 学习方式: 官方文档 看书学习,书的质量要高,你 ......
笔记 vue

部署ruoyi二开项目出现 Failure obtaining db row lock: Table ‘XXX.qrtz_LOCKS‘ doesn‘t exist

部署后端项目的时候遇到Failure obtaining db row lock: Table ‘XXX.qrtz_LOCKS‘ doesn‘t exist,百思不得其解,一开始以为是数据库版本问题,后来经过测试不是版本问题,于是乎查阅资料发现是mysql对表大小写有要求,但是当时创建表的时候都是小 ......
qrtz_LOCKS obtaining Failure 项目 ruoyi

Vue3 学习记录

VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
Vue3 Vue

Vue.js 具名插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot name="center">我是一些默认值,当使用 ......
Vue js

Vue.js 默认插槽

默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时 ......
Vue js

vue2之对象属性的监听

vue2之对象属性的监听的一些总结 对象属性监听的两种方法: 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
属性 对象 vue2 vue

video在el-table中的使用

vue页面: <el-table-column prop="videoPath" label="视频" align="center"> <template slot-scope="scope"> <div v-show="scope.row.videoPath"> <video :src="scop ......
el-table video table el

vue3+vite+ts:使用@符号,找不到模块

报错问题 情况说明:在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
符号 模块 vue3 vite vue

Vue3 点击复制功能,利用vue-clipboard3

首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签,因为别的标签可能会失效 <script set ......
vue-clipboard clipboard 功能 Vue3 Vue

使用鼠标在图片上拖拽矩形框vue

<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
矩形 鼠标 图片 vue

通过鼠标拖拉获取图片原像素的两个点坐标vue

<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
坐标 像素 鼠标 两个 图片

el-table-column 某一列根据excel数据显示

需求: 页面表格的排序项 根据 excel中的排序显示,没有这一项则跳过(根据模板ID) import XLSX,{ read, utils } from "xlsx"; 点击按钮执行导入函数: <div class="p_select" v-if="!templateStatus"> <a hre ......
el-table-column 数据 column table excel

el-input 反显数据后再次修改数据没反应

前提:根据excel已有排序,导入到界面,可以再次进行修改 导入已经实现了,但是每次修改输入框没反应 原因:界面没刷新 网上搜素的方法都试了,不行!!!!!!!!比如: 一: 把 :value换成 v-model 不行 二:使用 this.$forceUpdate() 会显示 不行 Unresolv ......
数据 el-input 再次 input el

vue-devtools的安装与使用

vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
vue-devtools devtools vue

Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案

背景 需求是一个能适配主流分辨率的表格,表头固定,表格内容上下滚动 首先尝试的这个原生的标签,但是有个问题啊,就是在循环滚动中,每次滚动之间会出现大片空白。 大概是这样:第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签,选择使用js和原生的html ta ......

运行vs开发的vue.js项目

开发好的vue.js项目,如何运行?参考如下步骤: #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
项目 vue js

uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法

uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法 页面: <view class="demo-uni-col light" v-for="cardIndex in u ......
方法 数组 bindPickerChange 多个 事件

vue3+ts ckplayer播放监控视频

1、第一步下载ckplayer,然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
ckplayer 视频 vue3 vue ts