Vue--》搭配Bootstrap实现Vue的列表增删功能
2024-01-31在日常开发中,我们可以用 “拿来主义” 借助Bootstarp现成的一些样式,快速生成我们想要的页面布局,避免书写大量的HTML和CSS代码,省下了许多不必要的时间。当我们想要生成表单表格时我们可以查看Bootstrap的官方文档,来选择我们想要的样式,并根据自己的一些实际情况或者个人喜好进行一定的修改。我们使用filter进行过滤掉删除的数组,当前循环项的item.id不等于我们要删的id,就返回。给输入框设置双向绑定事件,给表单设置提交事件并添加阻止事件。给a链接绑定一个删除的点击事件。
在前端页面中使用element-ui和echarts教程(CDN引入方式)
2024-01-30本篇文章主要实现在纯html css 原生js的情况下使用element-ui组件,echarts图表来丰富自己的网页,快速开发。_echarts cdn
【ECharts】根据屏幕尺寸echart字体自适应(rem)
2024-01-30pc端使用echart,屏幕变大或变小时,echart的字体大小没有根据屏幕大小变化。_echarts能设置rem吗
echarts - 自定义形状 - 实现立体柱状图
2024-01-30如果需要复杂的图表样式,echarts 自带的 series 类型无法满足,那么就可以使用 custom 类型,这时就需要通过 canvas 手动绘制图表的形状了。_echarts自定义renderitem柱状图
【Vue】给 elementUI 中的 this.$confirm、this.$alert、 this.$prompt添加按钮的加载效果
2024-01-30给 elementUI 中的 this.$confirm、this.$alert、 this.$prompt添加按钮的加载效果_vue怎么引入element中的$alert
vue 限制 el-cascader 的高度和宽度
2024-01-30element里面的el-cascader组件宽度限制_el-cascader 宽度_丹丹的小跟班的博客-CSDN博客。当选择项字符过长时,下拉框会自动变长,有时甚至会超出屏幕宽度,影响使用。当选择项过多时,选择器的长度会突破屏幕高度,会导致无法查看相应选择项。优化方案:添加 el-tooltip 组件对被遮挡的内容进行显示。/* 改变级联选择器的最大高度 *//* 改变级联选择器的最大宽度 */解决方法:限制选择器的高度。解决方法:限制选择器的宽度。_el-cascader宽度设置
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
2024-01-30二、安装使用 ant-design-vue安装脚手架工具使用组件全局完整注册三、后台管理通用页面的demo1. 代码部分2. 页面显示_antdesign vue简单后台管理框架
CSS - 移动端布局(二)移动端适配
2024-01-30移动端适配布局、固定尺寸布局、网页设计稿概念、百分比尺寸布局、包含块概念、rem布局、vw布局_css background 移动端
vue安装和卸载依赖包
2024-01-29--save 是在package.json的【dependencies】里面--save-dev是在package.json的【devDependencies】里面依赖安装在package.json的【dependencies】的三种方式npm i element-uinpm i element-ui -Snpm i element-ui --save依赖安装在package.json的【devDependencies】的两种方式npm install j..._vue卸载elementui依赖
jQuery 老项目引入vue,elementui (vue3 elementplus)
2024-01-29juery是一个广泛使用的JavaScript库,用于简化DOM操作、事件处理、动画效果等常见任务。Vue是一个现代化的JavaScript框架,专注于构建可复用的组件和实现响应式数据绑定。在开发jQuery项目时,我们常常需要在JavaScript代码中处理大量的DOM操作,这给维护和更新带来了不少麻烦。而Vue提供了更加优秀的组件化和响应式数据绑定机制,为解决这些问题提供了一种全新的思路。将原本使用jQuery实现的交互效果重构为Vue组件,并使用Vue提供的指令和模板语法来实现显示和隐藏内容的效果。_jquery项目中引入vue