表单validatefield动态vue

使用vue ui创建vue项目

vue ui是什么? 简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI,因为 ......
vue 项目

vue3错误归纳

1,出错原因,找不到文件 npm install --save @/api/baseInfo/department //这个目录没有文件 2.packjson 中那么没改,不知道为什么 E:\gh-phm\ruoyi-ui\node_modules\normalize-package-data\li ......
错误 vue3 vue

VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 拼接table 使用<template slot-scope="scope"> 更改td里面值

VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 `使用 更改td里面值` https://blog.csdn.net/WindNolose/article/details/125422409 描述 VUE中的标签属性,可以在属性前使用:,让属性绑定 ......
字符串 字符 table scope 表达式

vue配合后端解决跨域问题

vue.config.js devServer:{ proxy:{ "/users":{ target:"http://localhost:3000", changeOrigin:true } } } ......
问题 vue

vue图片懒加载vue-lazyload

1.安装vue-lazyload npm i vue-lazyload 2.在main.js中引入使用 import { createApp } from 'vue' import './style.css' import App from './App.vue' import VueLazyloa ......
vue-lazyload vue lazyload 图片

springboot+vue学习随记

1.springboot中日志的logback配置 1 <?xml version="1.0" encoding="UTF-8"?> 2 <configuration> 3 <!-- 日志存放路径 --> 4 <property name="log.path" value="F:/项目/spring ......
随记 springboot vue

Oracle动态建表示例

~~~sql declare v_sql varchar2(5000); v_iscount number; begin -- 检查表是否存在 select count(1) into v_iscount from user_tables where table_name = upper('${ta ......
动态 Oracle

Vue变量中以$或者_开头的变量无法访问的问题

Vue变量中以$或者_开头的变量无法访问的问题 ......
变量 开头 问题 Vue

Vue项目下载项目本地文件

axios.get('file/template.xlsx', { //静态资源文件夹public responseType: 'blob', }).then(response => { const url = window.URL.createObjectURL(new Blob([respons ......
项目 文件 Vue

前端vue仿京东天猫简单好用的瀑布流瀑布流式布局列表组件waterfall

前端vue仿京东天猫简单好用的瀑布流瀑布流式布局列表组件waterfall, 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13046 效果图如下: ![image](https://img2023.cnblogs.com/blo ......
瀑布 前端 组件 waterfall 布局

介绍vue3的钩子函数activated和deactivated使用场景

activated和deactivated是Vue3中的两个生命周期钩子函数。 activated钩子函数在组件被激活时调用,通常用于恢复组件的状态或执行一些初始化操作。例如,如果一个组件被从路由中激活,你可能需要在该组件被激活时从本地存储中加载一些数据。 下面是一个示例代码: <template> ......
钩子 deactivated 函数 activated 场景

算法学习day57动态规划part17-516、647

package LeetCode.DPpart17; /** * 516. 最长回文子序列 * 给你一个字符串 s ,找出其中最长的回文子序列,并返回该序列的长度。 * 子序列定义为:不改变剩余字符顺序的情况下,删除某些字符或者不删除任何字符形成的一个序列。 * */ public class Lo ......
算法 动态 part day 516

vue-cli-演示如何基于vue-cli创建vue项目

# 1.安装和使用 vue-cli是npm上的一个`全局包`,`使用npm install`命令,即可方便的把它安装到自己的电脑上: ``` npm install -g @vue/cli ``` 基于vue-cli快速生成工程化的Vue项目: `vue create`**项目的名称** ![ima ......
vue-cli vue cli 项目

算法学习day56动态规划part16-583、72

package LeetCode.DPpart16; /** * 583. 两个字符串的删除操作 * 给定两个单词 word1 和 word2 ,返回使得 word1 和 word2 相同所需的最小步数。 * 每步 可以删除任意一个字符串中的一个字符。 * */ public class Delet ......
算法 动态 part day 583

Vue自定义校验

age: [ {required: true, message: '请输入年龄', trigger: 'blur'}, { validator: (rule, value, callback) => { if (value >= 18) { callback(); } else { callback ......
Vue

算法学习day55动态规划part15-115、392

package LeetCode.DPpart15; public class DistinctSubsequences_115 { public int numDistinct(String s, String t) { int[][] dp = new int[s.length() + 1][t ......
算法 动态 part day 115

vue-cli-介绍并安装vue-cli

#1.什么是vue-cli `vue-cli是Vue.js开发的标准工具`。它简化了程序员基于webpack创建工程化的Vue项目的过程。 #2.安装和使用 vue-cli是npm上的一个`全局包`,`使用npm install`命令,即可方便的把它安装到自己的电脑上: ``` npm instal ......
vue-cli vue cli

CSS(语义化标签、多媒体标签、新表单元素、属性选择器、结构伪类选择器、伪元素选择器、盒子模型、滤镜、calc函数、过渡)

一、HTML5新特性 概述 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。 1 语义化标签 (★★) 以前布局,我们基本用 div 来做。 ......
元素 标签 语义 表单 盒子

vue笔记

# vue笔记(持续更新) ## Vue scoped >scoped解决了什么? > >模块化编程下,在对应模块的js中import css,这个css仍然是全局。因此会产生css样式之间污染。scoped可以使css样式只作用于当前组件,解决了组件之间样式污染。给每个style都设置上scope ......
笔记 vue

解决报错: error Component name "School" should always be multi-word vue/multi-word-component-names

运行时遇到这个问题 ![](https://img2023.cnblogs.com/blog/2446184/202306/2446184-20230614214046091-1282890569.png) 自己在给组件命名时没有使用大驼峰或者'-'拼接单词,所以编译的时候报错,实际上是语法检测的问 ......

vue-基础

项目的注意事项: 1.template必须是一个且必须有一个跟元素 2.导入的时候 webpack默认 导出的整个组件 整个组件包含了 data 言外之意 整个组件包含了 你所要导出的对象 3.一个vue的实例只能挂载一个标签。 1.插值表达式: {{数据}} 在data里面 data(){ ret ......
基础 vue

VUE&Element

## VUE&Element **今日目标:** > * 能够使用VUE中常用指令和插值表达式 > * 能够使用VUE生命周期函数 mounted > * 能够进行简单的 Element 页面修改 ## 1,VUE ### 1.1 概述 接下来我们学习一款前端的框架,就是 VUE。 ==Vue 是一 ......
Element VUE amp

uniapp vue.config.js配置chunk-vendors.js文件拆分

const path = require('path') function resolve(dir) { return path.join(__dirname, dir); } const CompressionPlugin = require('compression-webpack-plugin ......
chunk-vendors vendors 文件 uniapp config

vue整合axios

一、整合axios(底层支持 ES6新的对象 : Promise) ① 安装axios 参照官网: http://axios-js.com/docs/index.html 直接安装(不指定版本的话),会安装最新的版 本,最新的axios版本只支持vue3, 所以要指定axios的vue2的版本 np ......
axios vue

vue+ elementUI

1、在dos窗口下运行命令 npm i element-ui -S 安装elementui ![](https://img2023.cnblogs.com/blog/3005714/202306/3005714-20230614182642521-1170632508.png) 2、配置elemen ......
elementUI vue

记录--极致舒适的Vue可编辑表格

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 使用ElementPlus的Table啥都好,就是没有可编辑表格!!!😭 既然UI库不支持,那我们实现一个可编辑表格是很难的事么?😒难么?😢不难么?... 个人觉得如果是业务固定的可编辑表格,使用ElementPlus实现都不难。但 ......
极致 表格 Vue

vue+css: 引用的组件快速改变滚动条样式

在a组件页面内有b组件,b组件产生的滚动条太丑不好看但是又不想改变b组件(b组件公共用的地方很多)又不想专门复制份在此基础上改。 只要在使用的组件上增加css代码即可同时让组件内滚动条生效,原理是因为此滚动条相当于未定义类的当前组件全局。所以可以直接使用并生效 comp.vue <style sco ......
样式 组件 vue css

vue--插值语法

vue--插值语法 我理解就是双括号语法,类似于jinja的绑定语法 vue3代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值语法,就是双括号语法</title> <!-- <script s ......
语法 vue

django中设置字段动态默认时间的四种方式

1.create_time_one = models.DateTimeField('创建时间', default=datetime.now()) 2.update_time_one = models.DateTimeField('更新时间', default=datetime.now) 3.crea ......
字段 方式 时间 动态 django

2023.6.14 - vue多页面项目配置

抽离` multipage.config.js `多页面配置文件 ```javascript const { resolve } = require('path'); const fs = require('fs'); // 获取多页的入口配置 const pagesPath = 'src/page ......
页面 项目 2023 vue 14