代码编织梦想

二次封装el-爱代码爱编程

直接引入el-pagination使用时个人觉得每页都需要写一个页码以及页数切换的函数有点繁琐,为了方便将组件以及方法封装起来使用更加方便了。以下是代码实例: 1.新建封装分页方法文件page.js const initData = { page: 1, pageSize: 10, total: 0 } const handl

ant-爱代码爱编程

代码示例如下: <!-- --> <template> <a-button type="primary" style="padding-left: 10px; padding-right: 10px" @click="handleAddRow"> <template #icon><plu

vue3+elementplus含筛选分页实现_element-爱代码爱编程

Vue3+elementplus含筛选分页实现 描述:表格得到的数据进行筛选排序后再进行展示,所以需要查的内容全部查询出来后进行筛选或排序再进行展示。这里的操作记录我使用的方法,能够实现筛选后的展示情况。 效果:进行整体

element通过v-爱代码爱编程

需求:有个表单信息是v-for渲染的,例如下图,通过循环遍历实现新增和删除模块,按照平时的写法实现校验,是不能实现我们想要的效果,根据这个需求,我找到了一个解决方法   1.HTML  <el-form ref="form" :model="form" :rules="rules" label-width="110px" >

el-爱代码爱编程

一、一重数组的绑定 提示: 1、每一项el-form-item的prop以及rules的赋值以及data中form的结构(行内样式是为了复制直接看效果) 2、注意看users以及mobile的prop绑定的值不一样的,因此当只有一重数组时这两种写法都是可以的 :prop="'users[' + index + '].userName'" :prop=

vue3+vite配置项-爱代码爱编程

场景: 使用 npm create vite@latest 命令创建了vue3+ts的项目,想要在项目内引入文件时使用@来作为src的别名。如果直接使用@,会报错,让我们一起引入相关依赖并配置一下吧。 实现: 步骤一:引入@types/node @types/node内部包含了对Node.js 核心模块及常用第三方库的类型信息描述,增加了TypeS

vxe编辑保存表格_vxetable保存数据-爱代码爱编程

业务需求:         1、需要点击编辑时,全部表格显示编辑框,显示保存按钮和取消按钮,点击保存,全部保存。         2、因为位置问题,产品经理把24小时分成了两行,开发就得分两个表格。列标题是写死的,文字偏移也是写死的,其他数据后台返回,两个表用了一个数据源。 columns使用了循环, edit-config 设置了

vue2 基础四前后端交互_vue2前后端数据交互-爱代码爱编程

代码下载 前后端交互模式 接口调用方式:原生ajax、基于jQuery的ajax、fetch、axios。 URL 地址格式 传统形式的 URL 格式:schema://host:port/path?query#fr

vue3 + ts + vite 搭建中后台管理系统(开箱即用)_vitte ts 搭建后台管理系统-爱代码爱编程

@[TOC](vue3 + TS + vite 搭建中后台管理系统) 开箱即用 前言 要成功,先发疯,头脑简单往前冲! 三金四银,金九银十,多学知识,也不能埋头苦干,要成功,先发疯,头脑简单往前冲! 项目主

vxe-爱代码爱编程

1.循环vxe-table-column  例如下方代码,根据departList的长度,先循环出你需要的表格表头 <vxe-table :loading="tableLoading" :edit-rules="validRules" keep-source resizable border="" ref="xTable" height="480"

vue3路由发生跳转,界面没有跳转的一种原因_vue3 route 新增一层children 路由能跳转但页面不变-爱代码爱编程

项目场景:         问题描述          刚学vue,找了一天的bug,问了一天gpt,最后发现缺了一行函数导致,这真的是,比嵌入式还让人摸不着头脑; 原因分析:       <router-link to="/">         <button>按钮1</button>

electron 调用dll_electron-爱代码爱编程

1.开发问题: 使用C#的动态链库 2.开发环境: electron12 + vue2 + node14 { "electron": "^12.2.3", "vue": "^2.6.12", "node": "^14.21.3" } *electron版本控制好,不然会有很多bug 3.解决问题:  1): npm 下载库

注册自定义材质实现qgis里不同比例尺下材质不被拉升的效果-爱代码爱编程

前景提要: 在QGIS里的显示效果,用的是示例的/img/textures/line-interval.png材质图片。 下载示例 git clone https://gitee.com/marsgis/mars3d-vue-example.git 相关效果 比如材质是5像素,在1:100000万比例尺下,线显示的长度是5像素,那就用一个材质显示

vue3项目接口调用-爱代码爱编程

1.配制pinia定义token store/user.js import { defineStore } from 'pinia' import { ref } from 'vue' // 用户模块 export c

vue3 + ts + antd + pinia 从零搭建后台系统(一) 脚手架搭建 + 入口配置-爱代码爱编程

简易后台系统搭建开启,分几篇文章更新,本篇主要先搭架子,配置入口文件等 目录 效果图一、搭建脚手架:二、处理package.json基础需要的依赖及运行脚本三、创建环境运行文件四、填充vue.confi

vue初使用实例之笔记本-爱代码爱编程

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <t

实现vue3+element-爱代码爱编程

1.创建右键菜单组件 <template> <!-- 右键菜单 --> <div class="rightMenu" v-show="showMenu">

16.左侧导航菜单制作-爱代码爱编程

左侧导航菜单制作 1. 修改路由,方便查看页面 index.ts import { RouteRecordRaw, createRouter, createWebHistory } from "vue-router";

node.js和npm的安装及配置-爱代码爱编程

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞 I/O 的模型。 npm(node package manager)是一个 Node.js 包管理和分发工具,也是整个 Node.js 社区最流行、支持第三方模块最多的包管理器。使用 npm 可以便捷而快速地进行 Vue.j

vue2快速上手-爱代码爱编程

本节目标 初步了解vue vue定义开发方式体验核心包开发插值表达式响应式特征开发者工具 vue定义 vue2官网: Vue.js vue是用于构建用户界面的渐进式框架 💡 Tips: 构建用户界面 -> 数据驱动视图 💡 Tips: 渐进式 -> 学一部分就能用一部分 开发方式 vue有两种开发方式: 核心包开发 | 工程化