过滤器vue-day vue day

一、基于Consul的自动发现 1、背景 Prometheus配置文件 prometheus-config.yaml 配置了大量的采集规则，基本上都是运维小伙伴手动处理，如果后面增加了节点或者组件信息，就得手动修改此配置，并热加载 promethues；那么能否动态的监听微服务呢？Prometheu ......

环境：vue3，vant4 背景：Picker 作为用于辅助表单填写，搭配 Popup 和 Field 。页面需要给picker设置默认值，city为温州，但是在popup弹出时，picker没有选中温州这个选项，还时停留在杭州。 解决方案： 看了很多解决方案，设置default-indexset ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp ......

有需求需要做一个上传压缩包及文件夹的需求，记性不好，记录一下。 HTML 使用的element的upload和form表单，dropdown下拉菜单 <div> <el-col :span="24"> <el-form-item label="材料路径：" prop="fileName"> <el- ......

vue引入antd后没有样式，原因是 use（Antd）应该在挂载之前，不能放在挂载之后 ......

基本运算符 //前四个，必须掌握！！！！！！！！！！！！！！！ 算木运算符:+,-,*,/,%,++,-- 赋值运算符= 关系运算符:>,<,>=,<=,==,!=,instanceof 运算符:&&,||, ! //下面的，了解就行 位运算符:& ,|,^,~,>>、<<,>>> 条件运算符?: ......

Day03-04英语名词解释 1.Comment and uncomment code：对代码进行注释和取消注释。 “Comment” ：在代码中添加注释 “uncomment” ：删除注释。 2.shortcut：快捷方式，简化的方法 3.compatible：兼容的 4.assign是一个英语单 ......

最近学django的文件上下传，网上的文件夹上下传压根没有，找了好几个，报错一大堆，没有一个能用，花里胡哨，可气！！！下面这个方法是我刚刚用过的，分享给大家。 前端vue非常简单，template部分 <input type="file" id="twos" webkitdirectory/><el ......

vue2中，ref使用： 在 div 元素上绑定了 ref 属性，并命名为 hello，接下来我们直接使用 this.$refs.hello 的方式就可以获取到该 DOM 元素了。 <template> <div id="app"> <div ref="hello">Vue2，ref获取dom元素< ......

变量 变量标识符命名： ​ 标识符的开头：大小写英语字母、美元符号$、下划线； ​ 标识符命名：大小写英语字母、美元符号$、下划线 Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域。 public class HelloWorld { //类变量 static static ......

常量 常量(Constant):初始化(initialize)后不能再改変的値!不会変动的値。 所谓常量可以理解成一种特殊的変量,它的値被定后,在程序运行程中不允许被改変 。 //final final 常量名=値; final double PI=3.14; System.out.println( ......

变量、常量、类、方法的命名规范 //所有变量、方法、类名:见名知意,看到名字就知道意思 //变量：首字母小写和驼峰原则：monthSalary ，除了第一个单词以外，其余的单词首字母大写 //方法名:首字母小写和驼峰原则:run(),runRun() //常量:大写字母和下划线:MAX_VALUE ......

背景信息 缺省情况下，FW通过8887端口提供内置的本地Portal认证页面，用户可以主动访问或HTTP重定向至认证页面（https://接口IP地址:8887）进行本地Portal认证。 当企业部署了外部Portal服务器对用户进行认证时，需要配置自定义Portal认证。Portal认证通常也称为 ......

基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页 目录结构如下： 类型声明： declare type DictType ......

2.字符串格式化 字符串格式化，使用跟便捷的形式实现字符串的拼接。 % format （推荐） f 2.1 % 2.1.1 基本格式化操作 # %s是占位符，也成为字符串占位符 # 后面空格加% text = "我叫%s，今年18岁" %"linzai" #:%前面加上一个空格 print (tex ......

vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......

类型转换 注意点: 1.不能对布尔值进行转换 2.不能把对象类型转换为不相干的类型 3.在把高容量转换到低容量的时候，强制转换 4.转换的时候可能存在内存溢出,或者精度问题! 高转低，强制转换；低转高，自动转换 低 >高 byte,short,char-> int -> long-> float - ......

一、Vue是什么？ 2.谁开发的？ 3.Vue的特点 如果有一天 数据发生变化呢 5.官网 ......

序列化类常用字段 除了CharField 以外，还要很多别的 》表模型中 models.CharField >基本一一对应# 如果跟 表模型中对不上：你统一用 CharField 字段字段构造方式 BooleanField BooleanField() NullBooleanField NullBo ......

downloadCSV(data, fileName) { // 将数据转换为CSV格式 const csv = this.convertToCSV(data); // 创建一个Blob对象 const blob = new Blob([csv], { type: 'text/csv' }); // ......

节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......

最近在review自己写的代码时发现，在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode.list.get({ 3 typeCode: "source", 4 type: 3, 5 }); ......

vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题：<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......

目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......

前端封装el-upload组件，父组件传值dialogVisible（用于显示el-dialog），子组件接收，并且关闭的时候返回一个值（用于隐藏el-dialog）,最多上传五个文件，文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......

vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......

一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......

vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......

Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......

Vue模版 一、优势： vue-router（包含前后置路由守卫） axios的多次封装，aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......