Avue

vue+Java 实现前后端Excel导出

vue+Java实现前后端Excel导出1.按钮设置使用avue的导出功能可以查看官网https://www.avuejs.com/default/export.html我这里使用的是自定义的按钮，并且自己实现了
[咖啡] Stubborn (ಡ艸ಡ)噗·2023-10-17 04:48

实现分页列表跨页全选

但是这种方法显然是不可取的，因此花了点时间写了个demo分享因为是个demo，所以就一直按照思路往下写，变量命名没有花心思，if判断也有可优化的地方，后续有空优化后会更新一下代码如果直接复制完整代码可能会报错，因为项目用了AVUE
青松pine·2023-10-16 18:52

flutter、微信小程序uni-app、web(avue)上传图片资源到oss

一、微信小程序上传图片资源到oss微信小程序直传实践使用的是uview的u-upload组件1、表单页面a、页面b、主要jsasyncafterRead(event){letfileArr=event.file;letfileList=this.fileList.concat(event.file);this.fileList=fileList;//显示在页面上的图片列表for(leti=0;i{
八分钟de温暖·2023-10-14 23:02

avue 表格 自定义列（使用插槽）

快速上手2021-7-29About1min#介绍通过本章节你可以了解到Avue的安装方法和基本使用姿势。
徐同保·2023-10-11 02:47

avue-crud在option表单中邮政编码、对价格小数点后两位非负数、对数字位数、汉字、身份证的验证

目录1、对大于等于0的数字的验证，允许小数2、举个例子：avue-crud的option表单中邮政编码的验证3、对价格小数点后两位非负数4、对数字位数+非负整数，此处是限制7位非负整数数字5、对字符的校验
码田里的小白菜·2023-10-11 02:46

Vue使用avue-crud表格组件的用法及参数说明（超详细）

一、安装通过npm安装在现有项目中使用Avue时，可以通过npm或yarn进行安装(需要先引入ElementUI作为依赖支持)：npmi@smallwei/avue-Syarnadd@smallwei/
前端李太白·2023-10-11 02:16

Avue-crud常用配置项

Avue是一款基于Element-Ui再封装的一款ui框架，使用方便。
m0_67402564·2023-10-11 02:43

avue-ueditor中隐藏部分工具栏

项目中不需要那么多工具栏,只需要展示部分工具栏//按需隐藏或者显示工具栏即可props:{customConfig:{type:Object,default(){return{menus:["head",//标题"bold",//粗体"fontSize",//字号"fontName",//字体"italic",//斜体"underline",//下划线"strikeThrough",//删除线"f
橘哥哥·2023-10-07 16:43

SpringBoot结合Redisson实现分布式锁

标题一文带你学会使用SpringBoot+Avue实现短信通知功能(含重要文件代码)一张思维导图带你学会Springboot创建全局异常、自定义异常一张思维导图带你打通SpringBoo
DaenCode·2023-10-04 12:49

SpringBoot整合阿里云OSS文件存储解决方案

标题一文带你学会使用SpringBoot+Avue实现短信通知功能(含重要文件代码)一张思维导图带你学会Springboot创建全局异常、自定义异常一张思维导图带你打通SpringBoo
DaenCode·2023-10-02 01:34

vue + element-ui 聊天_JwChat：一款基于Vue和ElementUI的极简聊天框组件

JwChat的代码借鉴于AVue。效率简化流程：设计简洁直观的操作流程；清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；帮助用户识别：
weixin_39974811·2023-09-27 06:54

【vue2+avue】实现文件上传 技术栈用的是kkfileview

前言：avue实现原文件上传是有格式限制的，且预览展示效果稍微差点，我使用kkfileview去写，这样不会限制文件上传格式1、kkfileview使用参考我另一篇文章【kkFileView】文件文档在线预览解决方案
^草莓牛乳茶^·2023-09-23 11:11

SpringBoot2.7.14整合Swagger3.0的详细步骤及容易踩坑的地方

标题一文带你学会使用SpringBoot+Avue实现短信通知功能(含重要文件代码)一张思维导图带你学会Springboot创建全局异常、自定义异常一张思维导图带你打通SpringBoo
DaenCode·2023-09-21 20:15

package.json文件详解

{"name":"test-project","version":"1.0.0","description":"AVue.jsproject","main":"src/main.js","private
A郑家庆·2023-09-13 14:06

avue,三级联动，列表中显示id问题

官网中的示例是好的，但到自己使用的时候会出现表格中显示id,不现实对label值，如图；其中仓库名称，库区名称，货架名称相当于官网中的省，市，区三级，第二级和第三级，显示id。只有列表显示错误，点击新增的时候下拉框没问题。下面是我解决的办法，写两套，一个用于列表展示（label值），一个用户实现选择功能(value值)。虽然有些不合理，但是能凑和用，如果找到解决办法，欢迎留言讨论。
每天吃饭的羊·2023-09-13 07:52

SpringBoot整合RabbitMQ图文过程以及RabbitTemplate常用API介绍

标题一文带你学会使用SpringBoot+Avue实现短信通知功能(含重要文件代码)一张思维导图带你学会Springboot创建全局异常、自定义异常一张思维导图带你打通SpringBoo
DaenCode·2023-09-11 16:14

Avue-curd个性化定制

如下图这样的：很多的页面都很类似，这里就给大家介绍一个，我自己最近研究的一个插件avue-curd；整体的一个模块，包含列表，增、删、改、查；还可以通过slot插巣自定义局部组件内容如下面，我按照产品自定义
御风傲天·2023-09-10 18:04

avue-curd table表格错位 多出来空白的一列

问题一描述：1.页面样式存在该代码时，使得avue弹框内的table原本的0px的空白列被扩充，造成表格错位/deep/.cell:empty::before{content:'-';}至于为什么会有空白的一列
金乌Y·2023-09-10 18:34

avue-crud配置某一列表格数据样式的两种方法

如果是使用ant或者element组件库开发，这是个特别容易实现的功能，但对于avue-crud来说，因为它是对element的二次封装，一系列的属性配置特别多，所以找到合适的属性方法相对ant或者element
小刘加油！·2023-09-10 18:03

vue 弹框中包含avue-curd /el-table第一次点击样式正常 再次点击表格序号列和其他列错位

1.首先这里点击时获取接口数据需要等数据返回之后再打开弹框2.给表格使用v-if参数就是和弹框的参数一样弹框显示再重新渲染表格就OK了
祝你今天也快乐·2023-09-10 18:32

【avue】常用属性和crud使用方法总结

curd组件常用操作1.1基础表格在option里可以设置表格的属性。option:{height:'auto',//表格高度calcHeight:30,//表格高度差（主要用于减去其他部分让表格高度自适应）tip:false,searchShow:true,//首次加载是否显示搜索searchMenuSpan:4,//搜索按钮长度searchSpan:5,//搜索框长度最大长度24border:
橙子啊啊·2023-09-04 13:14

如何用Avue实现分转元

1、在option中加入slot:true{lable:'交易金额',prop:'trxAmount',display:true,slot:true}2、在vue中{{scope.row.trxAmount|filterMoney}}其中slot="trxAmount"的trxAmount要与option中的prop属性的字段一致3、filters要放在props:{}语句上面filters:{f
hicfly·2023-09-03 07:03

Avue crud 常用配置项

option:{height:'auto',//表格高度emptyText:"暂无数据哦~",//数据为空的提示calcHeight:30,//表格高度差（主要用于减去其他部分让表格高度自适应）searchShow:true,//首次加载是否显示搜索searchSpan:6,//搜索框长度最大长度24searchMenuSpan:4,//搜索菜单栏的栅格宽度（整个搜索栏包括input框按钮整个菜单
小白菜丨真香·2023-08-31 21:00

vue移动端的真机测试

Vue2.0    在package.json文件里加入--host0.0.0.0，需要重新运行npmrundev{"name":"","version":"1.0.0","description":"AVue.jsproject
半度℃温热·2023-08-30 23:03

avue实现用户本地保存自定义配置字段属性及注意事项

avue实现用户本地保存自定义配置字段属性及注意事项先看一段基于vue-nuxt2的page代码：代码文件AvueSaveOption.vue用户保存自定义表格项保存配置还原配置constkey="avue-option
棒棒的唐·2023-08-30 16:41

Avue-Card用法

1、基本属性导出-->2、自定义列表新增{}">刷新编辑删除自定义新增自定义修改取消//column:[{prop:'name',formslot:true}]新增修改查看{{user.name?user.name:'暂时没有内容'}}//column:[{prop:'name',labelslot:true}]自定义提示{{error}}//column:[{prop:'name',errors
^草莓牛乳茶^·2023-08-29 18:32

Vue前端模板框架--vue-admin-template

GitHub地址：GitHub-PanJiaChen/vue-admin-template:avue2.0minimaladmintemplate建议：你可以在vue-admin-template的基础上进行二次开发
深夜无法入眠的程序猿·2023-08-28 07:54

选择日期保存后日期变成前一天（avue date）

1、问题：选中日期，保存，日期变成前一天{label:'生产日期',prop:'esDate',type:'date',},2、解决：（avue的官方文档）{label:'生产日期',prop:'esDate
Shiny0815·2023-08-26 15:54

avue多选列表根据后端返回的某个值去判断是否选中；avue-curd多选回显

效果如上：getSiteList().then(res=>{//列表数据this.siteData=res.data.datathis.$nextTick(()=>{this.siteData.forEach(item=>{//业务条件if(item.configid&&item.configid!=0&&item.configid>0){//符合条件时调用选中的方法this.$refs.site
祝你今天也快乐·2023-08-17 23:49

avue 时间选择器限制时间范围（当天以后的时间、当前月、当前月剩余时间）

时间选择器做项目时必不可少的组件，今天就简单举几个常用的例子供参考。exportdefault{data(){return{form:{},option:{column:[{label:"禁止日期(只能今天以后的日期)",prop:"date",type:"date",format:'YYYY-MM-DD',valueFormat:'YYYY-MM-DD',disabledDate(time){r
D_jing20·2023-08-17 23:47

avue表单验证；avue自定义表单验证；avue-curd在配置项中进行验证

avue自定义表单验证data(){varvalidateSpeed=(rule,value,callback)=>{if(value===''){callback(newError('请输入默认速度'
祝你今天也快乐·2023-08-17 23:46

avue实现简单crud

avue的使用最近做的项目中接触到了一个新的框架感觉很好用所以推荐给大家~~【简介】Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对
前端小小白~·2023-08-16 06:09

vue 组件样式不生效问题，和如果更改组件样式

我们现在的编程离不开组件的使用，例如elementui,avue等问题组件的样式太过单一不满足开发的需求，还有的是组件有自己的样式更改但是找不到解决深层构造器css自带>>>>>>.name{color
卑微的雨落·2023-08-15 04:58

AVue 使用细节记录

avue-crud：clearable:false,//下拉框右边取消选择按钮image.pngaddDisplay:false,//新增时隐藏该字段editDisplay:false,//编辑时隐藏该字段
Domino_2018·2023-08-10 09:58

ace-editor线上代码编辑器

package.json{"name":"vue-cli","version":"1.0.0","description":"AVue.jsproject","author":"","private":
微笑边缘的金元宝·2023-08-07 06:19

前后端分离项目部署上线详细教程

代码编辑器前端：Webstorm2021.1.2后端：IntelliJIDEA2021.1.2所用技术前端：avue后端：Springboot准备工作1.首先你先需要有一台服务器，直接去各大云厂买一台即可
穆雄雄·2023-08-05 23:12

scss变量动态修改

我这里用的是$mainBgimg;后来发现都不能用网上大部分写法//common.css$mainBgImg:var('--bg','url(/img/bg/ldyc.png)');.theme-star.avue-contail
yjl23332·2023-07-26 14:46

avue-curd 表格行按钮自定义；根据表格中某个值控制行按钮显隐

停用启用删除
祝你今天也快乐·2023-07-21 13:47

element-ui avue 设置table 行操作按钮加载状态

1.按钮设置发布2.在方法中改变loading的状态值publish(data){if(!data.id){return}this.$set(data,'loading',true)release(data.id).then(res=>{this.onLoad(this.page);this.$set(data,'loading',false)this.$message({type:'succes
祝你今天也快乐·2023-07-21 13:47

el-dialog 添加loading；avue-form 表单插槽

效果:第一步：custom-class="publishDialog"新起一个类名图层别名  取消确定第二步：定义触发loading的方法letloadingInstance=Loading.service({target:'.publishDialog',（dialog的新类名也就loading遮罩的dom）lock:true,text:'加载中',});关闭loading的
祝你今天也快乐·2023-07-21 13:46

Avue属性及使用详细介绍

导出-->自定义按钮提交更改表格内容待审审批中exportdefault{data(){return{form:{},type:"",page:{pageSize:10,currentPage:1,total:0,},selectionList:[],option:{//列的对其方式align:'left',//表格宽度width:'100%',//表格高度差（主要用于减去其他部分让表格高度自适应
是阿狸·2023-07-16 11:52

avue 自定义按钮修改后触发表单自带的校验方法；avue表单提交

代码：取消导出1.触发表单自带的校验方法给表单定义ref属性，并使用$refs.publishForm触发校验方法2.avue表单提交handleSubmit(form,done){setTimeout
祝你今天也快乐·2023-07-14 05:54

avue select组件的options数据通过请求接口地址并对数据进行格式化处理

{label:"客户名称",prop:"clientName",type:'select',dicUrl:`${window.consoleURL.baseUrl}clinetinfo/page?size=-1`,dicFormatter:(res)=>{returnres.data.records},props:{label:'clientName',value:'clientId'}}1.di
祝你今天也快乐·2023-07-14 05:44

avue 表单绑定值；avue表单项根据某项的值去联动显隐或是联动下拉数据；avue select切换与另外一个select的options联动

效果：发布type为shp时数据相关的都隐藏，当发布type为postgis时则显示1.avue表单绑定值htmljsdata中定义data(){return{publishForm:{},option
祝你今天也快乐·2023-07-14 02:38

Vue3在工作中使用的一些经验总结

order/orderDetail‘),5、ids=selections.map((i)=>i.ruleId);6、路由配置的三种方式项目中使用到的7、Vue3新特性8、template在Vue中的作用9、avue-input-treehttps
Mr.Aholic·2023-06-22 13:17

Vue中根据不同状态切换 Tabs 标签页内容

大纲Avue具体方法如下：Tabs组件用于包含多个标签页，每个标签页由TabPane组件表示。v-model可以控制当前激活的标签页（即默认展示出来的页面）。
明思齐·2023-06-22 12:47

avue curd 中的配置项插槽使用

效果图：（新增时候的步骤条，以为是设置透明度是0-1中的小数avue中步骤是整数于是使用到插槽用element-ui）html：js：{label:"透明度",prop:"opacity",formslot
祝你今天也快乐·2023-06-12 21:58

avue-crud初始化下拉列表，以及复选框，默认选中

1.后台请求初始化复选框常用属性type：input的话是输入框，select是下拉选择框,checkbox是复选框label：属性名对应的名称，也是前端列表所显示的列名prop：属性名dicUrl：对应请求后台路径dicMethod:请求方法类型props：形成下拉框的数据，显示的名称是label，选中的值是value，可以分别映射后端返回的值rules：一些验证规则2.运行结果3.后台请求初始
大头目T·2023-06-10 16:25

vue实现深拷贝的方法

的属性赋给变量B，但要确保B的属性也被赋给了变量A5.我们将属性E和属性D同时赋值给对象11.我们将对象E和F一起进行深拷贝，但要确保E和F都被赋值一、我们将变量A的属性赋给变量B，但要确保B的属性也被赋给了变量Avue
菩提本无树007·2023-06-06 21:04

初识Avue-一键生成表格表单

初识Avue什么是Avue亮点:适合人群:安装配置使用什么是AvueAvue.js是基于element-ui库进行的二次封装，从而简化一些繁琐的操作，核心理念为数据驱动视图，主要的组件库针对table表格和
苦夏木禾·2023-04-19 18:11
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他