vue模板vscode vue2

vue中设置input输入框的值为正整数,不能为负数和小数

import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
负数 小数 整数 input vue

[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解

ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。 如果将对象分配为 ref 值,则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象,会自动解包。 <template> <d ......
shallowRef triggerRef customRef toRefs isRef

并查集模板

static int[] fa; public static void main(String[] args) { } /** * 初始化 */ static void init() { for (int i = 1; i < fa.length; i++) { fa[i] = i; } } /** ......
模板

vue+element-ui+springboot实现修改当前登录用户的信息

正文:话不多说,直接上代码 springboot代码 /** * 根据id修改当前登录用户的信息 * * @param username * @return */ @GetMapping("/username/{username}") public Result findOne(@PathVaria ......
element-ui springboot element 用户 信息

在Vue中发起axios请求成功,却被catch捕捉返回Network Error

前端发起请求成功,后台接收处理返回,却被axios的catch捕获,没有走then函数。 最后添加了headers配置成功解决,如上,附上axios接口配置中文文档:axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案:(虽然CSDN饱受诟病,对于初入行 ......
Network Error axios catch Vue

VUE 使用iconfont 动态加载不转义的问题

手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的,而不是写死的,那么这种class写法不行了,得使用unicode 那么正常我们使用是这样 <i class="iconfont">&#x33;</i ......
转义 iconfont 动态 问题 VUE

vue+element 下拉框选择加搜索并且列表选项带图片

子组件代码: <template> <!-- 单选下拉框 --> <el-select v-model.trim="selectValue" filterable clearable :placeholder="placeText" :filter-method="filterMethod" :lo ......
element 图片 vue

限制左键拖拽图片阴影vue

<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you ......
阴影 图片 vue

vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间

1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......

vue3

一、简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......
vue3 vue

vue核心原理(Diff算法、虚拟dom)

核心原理&源码 Diff 算法 这里参考大佬文章:https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom,以及 snabbdom(被整合进 vue 2 ......
算法 原理 核心 Diff vue

vue-element-template去除登录

一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template template element vue

vue-element-template改为从后台获取菜单

一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......

Vue插件router

路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
插件 router Vue

并查集模板

并查集(Union(并),Find(查),Set(集))一般用树的形式保存集合,但是是用数组模拟的树对于并查集树上的所有点,只有根结点是p[x]=x的,其他的p[x]都是父结点那么就可以通过while(p[x]!=x)x=p[x];来查询一个点的编号,属于哪个集合询问两个元素是否在同一个集合中,直接 ......
模板

Vscode PlatformIO PIO Home Loading 解决方法!

关闭 Vscode ,打开CMD 运行 pio home 即可看到这货有依赖正在下载! 将电脑wifi链接手机热点(我用的联通卡)即可秒速下载完成,并自动打开PIO HOME! 黄色部分是使用代理不成功的提示! 绿色是切换手机热点后的结果! ......
PlatformIO Loading 方法 Vscode Home

vue打包后前端修改ip地址

1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
前端 地址 vue

Vue 工具

http://www.axios-js.com/ API测试资源 https://jsonplaceholder.typicode.com/ Fetch API ......
工具 Vue

ES模板是做什么的

ES(Elasticsearch)的模板(Template)是一种用于自动创建索引的配置文件。通过使用模板,您可以定义在创建新索引时应该应用的特定设置和映射。以下是在ES中创建和使用模板的步骤: 创建一个JSON文件,其中包含索引的设置和映射。例如,以下是一个简单的示例: { "index_patt ......
模板

避免踩坑,教给你VSCode中最常用到的6项功能

这里为程序员介绍VSCode中包含的许多令人兴奋的Tips。 1. 插件市场中免费下载使用CodeGeeX插件 AI辅助编程工具**CodeGeeX**,是完全免费,开源开放给所有开发者使用。程序员普遍反应使用这个插件后,代码编写效率提升2倍以上。 **CodeGeeX**插件拥有代码生成功能:可以 ......
功能 VSCode

vue2 - axios 的使用

Axios 官网:http://axios-js.com/zh-cn/docs/ Axios的模块化: 二次封装Axios import Vue from "vue" import VueAxios from "vue-axios"; Vue.use(VueAxios) const response ......
axios vue2 vue

Mac电脑创建Vue项目时报错 错误内容:Error: command failed: npm install --loglevel error --legacy-peer-deps

解决方法:在命令vue create xxx前加sudo。 错误原因:应该是用户权限吧,深入不清楚,反正添加sudo后可以成功创建vue项目了。 ......

vue按需加载组件,异步组件

vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
组件 vue

vue点击图片获取图片原像素坐标

<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
图片 坐标 像素 vue

vue-element-admin e-icon-picker的input一直不出来

今天项目中有用到e-icon-picker,然后正常引入如下: 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了,但是页面中一直都没有出现 各种查找原因,最终浪费了很久时间才找到原因,是e-icon-picker的版本的问题,也就是1.1.7版本的input并没有,这个是版本自己的 ......

Vue基础语法整理

# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 demo容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
语法 基础 Vue

Vue10*10图片表格的点击效果

要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程:一.用PS切图 1.打开PS,选择切图工具,在左边复选框选择切图工具。 2.单击右键鼠标,选择划分切片。 3.选择水平划分、垂直划分10*10,点击确定。 4.单击菜单栏文件,在导出栏选择储存为Web所用格式。 二.用HBui ......
表格 效果 图片 10 Vue

【vue-blog】从SCF改为tsx

修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
vue-blog blog vue SCF tsx

VScode上pip下载超时失败解决

安装命名为 pip install -i 清华网址 所需要安装的库名 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple pandas 使用时可以直接复制代码,把最后的pandas换成所有想下载的库 ......
VScode pip

Graphics2D实战 根据模板图片生成

1.首先将模板图片放到 resource 文件夹下,然后读取的时候有一个坑是,因为这些文件会被打成jar包,所以拿不到文件,但能拿到文件流,所以用 InputStream 接收 2.要保证服务器有你要设置的字体,没有的话需要加一下,不然中文显示是方块乱码,可以通过网上下载或者其他系统拷贝(例如 宋体 ......
Graphics2D 实战 Graphics2 Graphics 模板