王小虎

2024-09-033--Web前端开发-前端工程化，vue项目
目录端口配置element快速入门table表格组件分页组件Dialog对话框组件表单组件端口配置在vue.config.js中更改源代码为const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true})更改为const
2024-08-05el-table单选2
<template> <el-table ref="singleTable" :data="tableData" tooltip-effect="dark" style="width:100%" @select="rowSelect" > <el-table-columntype="selection"width="
2024-04-05Vue在表格中展示通过和不通过状态
表格状态列显示通过和不通过状态，通过状态是绿色，不通过状态是黄色。代码<template><div><el-tableref="filterTable":data="tableData"style="width:100%"><el-table-columnprop="date"
2023-12-19element-ui
element真的好好用记录一下表单在Form组件中，每一个表单域由一个Form-Item组件构成，表单域中可以放置各种类型的表单控件，包括Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker<el-formref="form":model="form"label-width="80px"><el-form-itemlab
2023-11-27el-table列相同数据合并行
1、效果2、数据[{"date":"2016-05-02","name":"王小虎","address":"上海市普陀区金沙江路1518弄"},{"date":"2016-05-04","name"
2023-11-0611.6
不知不觉已经到了11月了天气降温真快加绒的加绒今天学习了element整体布局这是一段从element复制过来的代码估计用不了多久我应该能使用过axios以及这些工具了<el-containerstyle="height:500px;border:1pxsolid#eee"><el-asidewidth="200px"style="backgr
2023-08-16周三 element
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.el-header{background-color:#B3C0D1;color:#333;
2023-07-03element-ui表格模板
<template><divclass="container"><divclass="breadcrumb"><el-breadcrumbseparator-class="el-icon-arrow-right"><el-breadcrumb-item>个人中心</el-breadcrumb-item>&
2023-06-14vue+ elementUI
1、在dos窗口下运行命令npmielement-ui-S安装elementui2、配置elementui3、画面代码展示登录页面<template><div><el-formref="loginForm":model="form":rules="rules"label-width="80px&q
2023-06-09Vue第三方框架之ElementUi
目录一Elementui引入二elementui使用一Elementui引入Elementui官网：https://element.eleme.cn/#/zh-CN/图标字体库和CSS框架:https://fontawesome.dashgame.com/Elementui是一个ui库，控制样式的，它就是vue的一个插件在vue项目中引入elementui在项目中安装：#安装最新
2023-05-19el-table自定义表头
实现效果<template><divclass="topCon
2023-04-18学习-09
1.回顾1.vue+springboot+axios+elementui完成了CRUD操作2.Vue-cli脚手架创建了Vue工程2.介绍组件的使用3.路由跳转:根据你输入的路径找到对应的组件（页面），从而渲染该组件。router/index.js根据请求路径找到对应的组件.但是找到后无法渲染它。4.vue工程中
2023-04-18Vue2
Vue的指令:用在dom元素的属性上。{{}}---差值表达式v-text:文本显示v-html:解析html文本v-on:绑定事件@v-bind:绑定dom中的属性:v-show---v-if:隐藏和显示dom元素v-model:设置和获取表单元素的值---双向绑定
2023-04-16学习-07
1.回顾Vue:js框架，简化Dom的操作，响应式数据编程。Vue:对象结构letapp=newVue({el:"数据挂载"，data:{数据}，methods:{方法.}})Vue的指令:用在dom元素的属性上。{{}}---差值表达式
2023-03-25el-table 表头竖向排列实现
<el-tablestyle="width:100%":data="getValues":show-header="false":cell-style="cellStyle"b
2023-02-16element-ui的collapse中嵌套table表格的高度跳跃问题
<scriptsrc="//unpkg.com/[email protected]/dist/vue.js"></script><scriptsrc="//unpkg.com/[email protected]/lib/index.js"></script><divid="app"><el-collapsev-
2023-02-09vue模拟列表数据
vue模拟列表数据<template><divclass="home"><el-containerstyle="height:100vh;border:1pxsolid#eee"><el-asidewidth="auto"
2022-12-08element-ui表格组件的封装
背景我们平常工作中需要用表格的形式来展示多行数据需求需求1：通过配置文件的形式来设置表格的列需求2：可以合并表头代码MyTable.vue<template><div><el-tabl
2022-12-05element table 固定部分二级表头
项目用vue+element开发,需求如下:表格为二级表头,一级表头下有多个二级表头,需要固定部分二级表头列在表格左侧解决思路如下:1.固定一级表头的列此时问题如下,固定一
2022-11-11el-table 表格中必填校验
效果： html:<body><divid="vue_container"><el-form:model="popup_Win"ref="popup_Win"><el-table
2022-10-10vue中如何使用定义好的变量设置css样式
前言在做项目的时候，通常会遇到需要在HTML标签上绑定变量来设置样式，对于这种需求，共有两种情况。实现第一种情况如果是对于代码中实实在在存在的HTML标签，我们可以直