-
前端
flex实现一行尽可能的容纳更多子项,且每项的内容自适应宽度,自适应内部文字的宽度
代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&... -
前端
element plus tree 把数据源里边的所有isShowMenu都赋值为false,在树节点右边增加操作按钮,只显示当前点击节点的菜单
效果图: 代码如下: <template> <div class="module-manage-container"> ... -
前端
element plus 图标按钮,按钮加图标。直接显示图标,修改图标大小
https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行,显示不出来,有可能是... -
前端
js实现分组,vue中 js实现分组
封装根据teacherId分组的方法:// 根据老师id groupByTeacherId(items) { return items.reduce((groups, ite... -
前端
element ui table 表格行颜色自定义,单元格颜色自定义。背景颜色自定义。风格自定义
[TOC]实现效果一效果图 代码如下template:<template> <div class="emergencyEvents-container... -
前端
Vue 3的Composition API介绍
[TOC]Vue 3 引入了一个新的核心特性,即 Composition API,它提供了一种更灵活、更强大的方式来组织和重用逻辑。... -
前端
vue3 跨组件方法调用。Vue 3 的 Provide / Inject 与 mitt
mitt 是一个轻量级的事件发射器(event emitter),它可以很容易地集成到 Vue 3 应用中。 下面是一个使用 Vue 3... -
前端
vue2 事件总线。 跨组件方法调用。跨组件改变数据,跨组件执行方法
在Vue 2中,事件总线(Event Bus)是一种跨组件通信的常用方法,尤其是在组件之间没有直接父子关系时。事件总线... -
前端
vue element ui 中 select 设置支持多选,如何给select组件设置默认选中的值
[TOC]select加载的代码如下<template> <el-select size="small" clearable=""... -
前端
vue打包报错 The "from" argument must be of type string. Received undefined
解决方法一添加 parallel: false parallel: false 位置如下: -
前端
Vue 3 中 watch与watchEffect区别
在Vue 3的Composition API中,watch和watchEffect都是用于侦听响应式数据的变化,但它们之间有一些关键的区别。... -
前端
图片与文字在一个div里边垂直与水平居中。暂无数据的显示
使用绝对定位的方式实现html: <div class="course-study-empty" v-else> <div class=&... -
前端
uni-app vue3 微信小程序实现事件监听,回退刷新,回退后状态保持的刷新。跨页面调方法,a页面调用b页面的方法。跨页面刷新数据。子组件触发父组件事件,子组件调用父组件方法。vue 跨组件方法调用
需要刷新数据的页面<script setup lang="ts"> import { onShow, onLoad,onUnload } from ... -
前端
设置了flex后 ,子元素的高度全部都一样了,没有自适应内容。flex 布局导致子项高度相同
原因:Flex 布局的默认是:把所有子项变成水平排列。默认不自动换行。让子项与其内容等宽,并把所有子项的高度变... -
前端
uni-app textarea 修改 placeholder 字体的颜色和大小等样式
方法一: 直接设置placeholder-style <textarea style="width: 100%;height: 209rpx;" maxlength=&q... -
前端
uni-app 开发微信小程序显示图标
uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可 <image :src=&quo... -
前端
vue3 ts 方法传参,any使用。vue3 ts reactive 使用类型,定义具体类型。vue3 ts实现分组, 多字段作为key分组,二级分组,多级分组,子级分组
[TOC]vue3 ts 方法传参,any使用方法1: // 循环解析 dataListToAppend.forEach((element: any) => { s... -
前端
element plus tree 获取选中节点的父节点。树获取所有选中的节点
[TOC]element plus tree 获取选中节点的父节点通过 treeRef.value.getNode(data) 获取到当前节点的实例,随后通... -
前端
input type file 文件选择框设置为多选,获取选择的多图
html <input ref="inputImgFile" type="file" multiple="true" accept="... -
前端
禅道如何查看自己已经解决过的bug
地盘(首页)—>仪表盘—>右下角我的贡献里边有个解决的Bug数 -
前端
怎么用js去更换验证码
html: <div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv&qu... -
前端
js获取最近一周,最近两周,最近一月,最近三月等时间范围。 element ui 时间日期范围组件设置默认值
最近一周const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 *... -
前端
element ui 表单 表单元素在竖着布局的基础上横向布局横向显示,一行显示多个
效果如下主要是这一排的:(tip:截图里边右边没有对齐,应该是这里截图的时候调试后的造成的,实际情况是对齐的... -
前端
vue 组件引入,组件引用
第一步引用组件绝对路径和相对路径都可以,下面是两种常用的引入方式 import SendStudentMessage from '@/v... -
前端
uniapp文档在线浏览,pdf,excel,word等
示例代码uni.downloadFile({ url: 'https://example.com/somefile.pdf', success: function (res)... -
前端
vue 菜单选中,菜单切换,直接浏览器输入地址菜单选中,路由切换的时候菜单选中,点击的时候菜单选中
页面<div id="usersubmenu" class="menuwapper"> <div class="menuitem&q... -
前端
vue 绑定 拼接字符串
vue 绑定 拼接字符串方法1: <iframe ref="iframe" v-loading.fullscreen.lock="fullscreen... -
前端
js产生0到100随机整数
可以使用JavaScript的Math.random()函数来生成0到1之间的随机小数。然后将这个小数乘以100并取整得到所需范围内... -
前端
Vue 3入门介绍
一、Vue 3简介Vue.js是一个流行的JavaScript框架,用于构建用户界面。Vue 3是Vue.js的最新版本,它引入了许多新... -
前端
js数组对象,数组集合。js集合数组找位置找下标。查找数组中某个对象的位置。数组根据下标删除
[TOC]手写 for 循环let arr = [{ name: 'jin', code: 1 }, { name: 'chang', ... -
前端
vue element ui select,下拉列表。数据绑定,基本使用
代码如下: <el-select v-model="chapterID" style="width:266px"> <el-optio... -
前端
js,es6在集合中排除某些数据。js判断集合中是否存在某个值
js判断集合中是否存在某个值利用indexOf就可以了,在集合中可以使用indexOf找某个值,如果找不到就返回-1 const... -
前端
vue 获取当前页面的路由
完整的url可以用:window.location.href路由路径可以用:this.$route.path路由路径参数:this.$route.params -
前端
js获取子元素。js获取元素的指定子元素对象。js获取子节点的方法。js获取第一个子节点,js获取最后一个子节点
1、通过获取DOM方式直接获取子节点其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法... -
前端
echats设置x坐标从0开始,设置x坐标从原点开始。echart文档中的搜索
在x坐标设置boundaryGap: false即可. 官方文档:https://echarts.apache.org/zh/option.html#xAxis.boundaryGap... -
前端
echats 边距,间距。echart设置图表边距,间距
echart设置边距是使用grid //设置图标边距 grid: { top: '10%', left: '3%', ... -
前端
flex子元素靠右。flex让某个子元素靠右或靠左显示
以下以块元素的Flex布局为示例:只需要两句代码,轻松搞定! 代码1:在父元素里面加入以下代码:(父盒子加了di... -
前端
jquery ajax设置authorization: Bearer。ajax设置Content-Type,设置token。AJAX提交表单上传文件
jquery ajax设置authorization: Bearer 这样就行了 headers: { "Authorization":"Beare... -
前端
css实现左边div固定宽度,右边div自适应撑满剩下的宽度。左边定宽,左边固定,右边自适应。flex 占剩下的宽度
这是一道面试题,你有多少种办法呢?这里我们假设左边名为 left,宽度为 200 px,右边名为 right。即默认 .left... -
前端
高德地图实现搜索
可能你的js后面还需要加载的插件:https://webapi.amap.com/maps?v=1.4.15&key=2xx&plugin=AMap.Distri... -
前端
高德地址js加载多个插件
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&... -
前端
html使用定位实现同心圆
方法1:div有层级关系 <!DOCTYPE html> <html lang="en"> <head> <me... -
前端
markdown编辑器editormd获取光标位置,获取行号位置,获取总行号
//获取光标位置,获取行号位置let markdownCursorLine = markdownEditor.getCursor().line + 1; //获取总行号le... -
前端
解决ul标签默认有距离上边与左边的距离
是因为默认有自带样式,设置一下覆盖一下即可: margin-top: 0px; padding-inline-start:0px; -
前端
浮动与清除浮动与解决高度坍塌
方法1:最后增加一个元素,使用浮动清除,代码如下: <!DOCTYPE html> <html lang="en">... -
前端
uni-app 选择框,uni-data-picker
页面代码: <template> <view> <uni-data-picker :localdata="items" popup-... -
前端
Layui 复选框选择事件,checkbox选择事件
复选框点击勾选时触发,回调函数返回一个object参数,携带两个成员:form.on('checkbox(filter)',functi... -
前端
uni-app获取单选按钮的值
页面:<radio-group@change="radioChange"name="radio"style="margin-top:5px;&quo... -
前端
ES6 Module 的语法介绍
历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装... -
前端
vue动态添加文件选择框,vue动态添加input
code:<!DOCTYPEhtml> <html> <head> <metaname="viewport"content="w... -
前端
Web Uploader文件上传组件文档,文件分段上传,进度条显示
引入资源使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。<!--引入CSS--> <linkrel="s... -
前端
elementui对话框Dialog使用,配合表单使用。vue-element-ui 弹窗,弹出层
Dialog 弹出一个对话框,适合需要页面元素更多的场景。需要设置visible属性,它接收Boolean,当为true时显示 Dia... -
前端
elementui 表格解析与删除等
前端:<!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <linkre... -
前端
vue.js 三级联动
code: <scriptsrc="https://cdn.jsdelivr.net/npm/vue@2"></script> <scriptsrc=&qu... -
前端
vue获取select选中的的值
select中加一个v-model即可<scriptsrc="https://cdn.jsdelivr.net/npm/vue@2"></script> ... -
前端
vue.js +elementui+ef 简单分页
后端publicActionResultGetUserInfo(intpage=1,introws=10) { OAEntitiesoAEntities=newOAEntities(); List&l... -
前端
vue.js几个简单的指令v-bind,v-for,v-model,v-if
v-bind:你需要绑定的属性名称,可以简写,:属性名称<tdv-bind:vl="item.Id">{{item.Id}}</td&... -
前端
vue-elementui分页条使用
code:<!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <!--impo... -
前端
layui表格重载
代码如下:table.reload('idTest',{ url:'/api/table/search'//可以在后面直接接参数 ,where:... -
前端
js随机产生颜色
js随机产生颜色思路就是随机参数6个16进制的数字即可//js随机产生颜色 functionrandomColor(){ varstr='#&... -
前端
div居中,表格居中
div居中很简单:只需要先定宽,然后在设置margin:xx auto;即可表格居中,直接设置margin:xx auto;即可,因为他本... -
前端
layer弹窗i获取id
直接贴代码,这个实在yes回调函数里边执行的,通过index去找 yes: function (index) { var nowLayer = $("... -
前端
layer设置area后按钮掉下来
如果页面一加载就弹出layer,layer设置area后按钮就会掉下来,感觉也这算layer的一个bug可以把高度设置成auto按钮... -
前端
layer赋值
使用layer的时候注意content赋值的时候可能会存在两份一般解决这种问题有两种做法: 想办法让他只有一份给layer...