树形 结构filter vue

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

如何创建electron-vue项目?

简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
electron-vue electron 项目 vue

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

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

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

C# 将List 转成 树结构

递归方式1、创建一个树类 public class TreeNode { /// <summary> /// 子id /// </summary> public string Id { get; set; } /// <summary> /// 父id /// </summary> public s ......
结构 List

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

查看表结构

查看数据库表结构 SELECT HG_DUMP_SCRIPT('schema_name.table_name'); ......
结构

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门解析非结构化数据应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT可以利用自然语言理解和生成的能力,来处理非结构化数据。非结构化数据是指没有预定义的数据模型,不方便用数据库二维逻辑表来存储和查询的数据。ChatGPT可以将非结构化数据解析成结构化数据,例如表格、图表、列表等,从而方便用户进行分析和决策。例如,ChatGPT可以从一篇文章中提取出关键信... ......
全网 示例 源代码 ChatGPT-GPT 中英

找不到模块“@/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 前端项目中全局... ......

记录一个常犯的错误:直接访问数据结构内部的数组

在xcpc竞赛中,我们通常不会封装用到的数据结构,在这种情况下常常出现直接访问到数据结构内部数组的情况,这种情况因为自己乍一看并不影响算法因此debug时很难找出来 例如树状数组中,初始化应当是从1一直add到n,而非遍历数组初始化。不过这种错误出现的不多,常见的是在循环之前对某个位置特殊处理时。例 ......
数据结构 数组 错误 结构 数据

Vue——initRender【八】

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

对JavaScript原型链结构和作用的简单分析

首先是分析一下主要零件(对象,函数对象),再分析他们的连接方式。就可以很直观的理解原型链了。 一、对象 每个对象都有一个constructor属性; 指向其构造函数。 还有一个__proto__属性 ; 指向其构造函数的原型对象。 因此一个普通对象大概长这个样子 二、函数对象 函数对象也是对象,因此 ......
原型 JavaScript 作用 结构

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

spring filter

https://cloud.tencent.com/developer/article/2040511 ......
spring filter

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

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= ......
坐标 像素 鼠标 两个 图片

HTML的语言规范_基本结构标签和vscode设置

一.语法规范 1.1基本语法概述 HTML标签是由尖括号包围的关键词,列如<html> HTML标签通常是成对出现的,列如<html></html>,这种称之为双标签,标签中的第一个标签是开始标签,第二个标签是结束标签 有些特殊的标签必须是单个标签(极少情况) 比如:<br />,这种称之为单标签 ......
语言 结构 标签 vscode HTML

Go语言:利用 TDD 驱动开发测试 学习结构体、方法和接口

环境安装: (新手向)在Linux中使用VScode编写 "Hello,world"程序,并编写测试-Ubuntu20.4 上一篇相关随笔: Go语言:利用 TDD 测试驱动开发帮助理解数组与动态数组(切片)的区别 正文👇 先来点简单的: 假设我们需要编程计算一个给定高和宽的长方形的周长。我们可以 ......
接口 语言 结构 方法 TDD