过滤器vue-day vue day

代码随想录day 28 491. 递增子序列 | * 46.全排列 | 47.全排列 II

给定一个整型数组, 你的任务是找到所有该数组的递增子序列,递增子序列的长度至少是2。 示例: 输入: [4, 6, 7, 7] 输出: [[4, 6], [4, 7], [4, 6, 7], [4, 6, 7, 7], [6, 7], [6, 7, 7], [7,7], [4,7,7]] 说明: 给 ......
随想录 序列 随想 代码 day

Vue2.0和3.0watch侦听器的改变和一些问题

话不多说,直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时,无法正确获得oldValue的值,也即数据发生改变之前的数据,此问题到目前仍未得到解决,不知在后续的版本中,尤雨溪及其他的团队来怎么解决这一问题 ......
侦听器 问题 watch Vue2 Vue

Vue

Vue 1.什么是Vue? Vue是一款渐进式前端框架基于MVVM模式,免除JS中DOM操作,简化书写和操作流程. 2.如何使用? 1.新建一个HTML文件,引入Vue.js文件. <script src="js/vue.js"></script> 2.创建Vue对象,定义模型数据. <!--2 创 ......
Vue

vue中新的状态管理器-pinia

背景 对于pinia的使用,可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法,为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式: 先下载依赖 npm i pinia -s 在vue3中,main.js这么写 import { crea ......
状态 pinia vue

vue国际化在js中$t()报错

最近在做国际化的时候,发现在.vue里面写国际化语言没有报错,而且也可实现国际化,可是在js中引入$t()写法的时候,报错。 最后花了一个小时解决了,做一个笔记,以供后来学者遇到此类问题,仅供参考。 1,首先,我引入的国际化写法是在main.js中引入了,所以在.vue文件中引入国际化语言的写法,自 ......
国际 vue

Maven静态资源过滤配置

<build> <resources> <resource> <directory>src/main/java</directory> <includes> <include>**/*.properties</include> <include>**/*.xml</include> </includ ......
静态 资源 Maven

ant design vue中form-model嵌入级联a-cascader中回显

前言 在form-model表单中写入a-cascader,现在开发编辑功能,需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value,从级联中拿取值用:model,把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
a-cascader form-model cascader design model

DRF 排序、分页器 、过滤器

一、排序用法 from rest_framework.filters import OrderingFilter class BookView(ModelViewSet): queryset = Book.objects.all() serializer_class = BookSerializer ......
过滤器 DRF

vue中el-select,el-radio-group设置默认值

首先来说设置默认值是用v-model去绑定一个值, 如下,一般大家用label是来展示具体展示在前端的文字,value是这组对象里每个对象的标识。 打个比方item.label是姓名,item.value是学号,学号不在前端展示。这样的话,v-model绑定的字符串对象写item.label的值。 ......
el-radio-group el-select select radio group

element+vue2下的input的样式修改

/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
样式 element input vue2 vue

Vue2组件插槽的使用笔记

Vue2插槽使用组件MyComponent.vue: <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件: <my-component> <template slo ......
组件 笔记 Vue2 Vue

vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)

报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......

sql 过滤重复字段,取最早或最新记录

--可以将重复字段,取最早的一次,同理,也可以取时间最新的一次 --方法一 with tmp as( select row_number() over (partition by 分组字段 order by 时间字段 ) i, * from 表名 where 条件 ) select * from t ......
字段 sql

代码随想录Day14-Leetcode144. 二叉树的前序遍历,94.二叉树的中序遍历,145.二叉树的后序遍历

递归遍历 前序遍历:根左右 一路俯冲,然后回头 /** * Definition for a binary tree node. * function TreeNode(val, left, right) { * this.val = (val undefined ? 0 : val) * this ......
随想录 随想 Leetcode 代码 Day

vue3 中使用 transition的问题

问题:在路由中添加动画效果但是,当切换路由时,页面一片空白,这个问题困扰了我几天了,今天终于发现了它的问题,特来记录一下,以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果,于是便这样写 // 提示: name="fade-transform" fade-transform是css类 ......
transition 问题 vue3 vue

Vue 中给图片添加时间水印

Vue 中给图片添加时间水印,可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下: 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串,并根据需要生成对应的日期时间图片(可以借助 Canvas API 来绘制) ......
水印 时间 图片 Vue

vue3定义变量ref、reactive、toRefs的特征和应用

1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象,传入的为基本数据类型,例如字符串、数字、boolean 等,返回值是一个对象,这个对象上只包含一个 value 属性 ref定义的变量,改变值要.value,而且在template中不用写.value <div>{{ms ......
变量 reactive 特征 toRefs vue3

vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题

今天研究了一下vue生成二维码的功能,在使用vue-qr插件的时候,在所需页面引入,报错,于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件,搜...e,将...去掉,然后重新运行就好。 ......
appropriate 时报 vue-qr loader handle

vue 实现下拉滑动触底加载

实现下拉滑动触底加载可以分为以下几个步骤: 监听滚动事件,判断是否到达底部。 到达底部后,发起数据请求,获取数据。 将获取到的数据添加到页面上。 下面是一个基于Vue.js的示例代码: <template> <div class="container" ref="container" @scroll ......
vue

vue-router学习笔记

入门 router-link // Go to Home router-view //router-view 将显示与 url 对应的组件。 ##动态路由匹配 带参数的动态路由匹配($route.params) const User = { template: '<div>User</div>', ......
vue-router 笔记 router vue

vue项目手动上传文件并展示进度条

问题: 1.上传文件可能会跨域,查找跨域解决办法。(查找资料表明用手动上传,new FormData()方式可以解决,先用这个试一试) 2.手动上传没有进度条,查找进度条实现方式。(自定义axios,添加请求参数onUploadProgress) 3.进度条的进度和上传的对勾显示时机不一致。(解决办 ......
进度 手动 文件 项目 vue

vue全家桶进阶之路24:Mock

Mock 是一个 JavaScript 库,用于生成随机数据或模拟 HTTP 请求响应,用于前端开发中的单元测试、功能测试、集成测试等场景。 Mock 可以生成各种类型的数据,包括字符串、数字、布尔值、对象、数组等等,并支持多种数据格式,例如 JSON、XML、YAML 等。Mock 还支持自定义数 ......
全家 Mock vue

Vue.js 路由的params参数

视频 6.路由的params参数 配置路由,声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
路由 参数 params Vue js

Vue.js 命名路由

视频 5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
路由 Vue js

Vue.js 路由的query参数

视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数,to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数,to的对象写法 ......
路由 参数 query Vue js

Day14-异常处理

一、语法结构 try: 可能发⽣错误的代码 except: 如果出现异常执⾏的代码 try: 可能发⽣错误的代码 except 异常类型: 如果捕获到该异常类型执⾏的代码 二、使用场景 # 获取外界的资源数据(不稳定数据)的时候 偶尔,很少情况发生的异常 # 捕获异常 做补救措施 防止程序直接崩溃 ......
Day 14

Python基础 day7 数据类型(集合、字典、浮点型float)

day7 数据类型(集合、字典、浮点型float) 课程概要: set集合,一个不允许重复重复 & 可变类型(元素可哈希)。 dict字典,一个容器且元素必须是键值对。 float类型,我们生活中常见的小数。 一 集合 set 1.1 定义 集合是一个 无序 、可变、不允许数据重复的容器。 v1 = ......
浮点 字典 类型 基础 数据

Vue2使用setup、ref、reactive等Vue3的组合式api

有些同学想在当前项目中体验Vue3组合式api,setup、ref、reactive等,而且一步就可以升级到Vue3,但是vue确实2.x版本,不改变当前版本怎么办呢? vue2.7.0开始自带composition-api可以放心体验,当然不支持 <script setup>语法糖,还需要retu ......
Vue reactive setup Vue2 Vue3

在vue3中读取本地txt文件

碰到运营提出需求,提供了一个.txt文件,要求输入框校验文件提供的敏感词汇,故以此记录: 上传文件: <input @change="uploadFile" type="file"> 操作函数: const fileContent = ref(''); const uploadFile = asyn ......
文件 vue3 vue txt

vue动态切换组件

多个组件挂在到同一个组件上,通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
组件 动态 vue