
Vue
从搭建vue项目开始,一点一滴丰富vue相关知识
Java_Scholar0
这个作者很懒,什么都没留下…
展开
-
Vue学习-echarts图表高度随父容器高度动态变更
echarts图表高度随父容器高度动态变更原创 2022-10-14 18:08:12 · 3298 阅读 · 1 评论 -
Vue学习-iview表格列动态隐藏后,列宽度不再自适应
【代码】Vue学习-iview表格列动态隐藏后,列宽度不再自适应。原创 2022-08-31 13:35:36 · 1049 阅读 · 0 评论 -
Vue学习-组件之间跳转,右侧页面刷新,但左侧菜单栏选中状态未刷新
解决前图片:解决方法: 在嵌入菜单的组件中添加路由监听select(m){ this.menuList.forEach(element => { if(element.children.length > 0){ element.children.forEach(child =>{ if(child.path == m){ this.selectMenu = child; ret原创 2022-03-19 16:33:50 · 2830 阅读 · 0 评论 -
Vue学习-处理开始日期不能大于结束日期,结束日期不能小于开始日期
Form-item label="开始年-月" prop="startDate"> <DatePicker type="month" format="yyyy-MM" v-model="searchForm.startDate" style="width: 200px" :options="startOptions" ></DatePicker></Form-item><Form-item label=原创 2022-02-23 16:16:13 · 3150 阅读 · 1 评论 -
Vue学习-form表单input只能输入0-100数字,小数位最多可保留两位。
Vue前言通过form表单校验实现前言input验证输入值整数位在0-100之间,小数位最多可保留两位小数通过form表单校验实现pattern:/(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/patientYz:[{ required: true, pattern:/(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/, message: '请输入0-100数字,最多可保留两位小数', trigger: "change" }],原创 2021-11-24 13:49:55 · 5067 阅读 · 0 评论 -
Vue学习-DatePicker表单验证问题
问题描述:form表单提交时,日期值已经选择了,但还是提示未选择。<Col span="6"> <FormItem label="周期起" prop="cycleStart" style="width:100px"> <DatePicker v-model="form.cycleStart" style="width:100px" type="year" ></DatePicker> </FormItem></原创 2021-11-23 16:57:04 · 1181 阅读 · 0 评论 -
Vue学习-编辑table表格行数据,行数据消失
问题描述:如下两张图所示,选中table表格中的某一行数据进行编辑,form表单中出现table行回显数据,点击取消。再次选中同一行数据进行编辑,发现form表单回显数据以及选中的table行数据也消失。this.mtitle = "修改科目";this.modalType = 1;this.$refs.form.resetFields();let v = params.row;for (let attr in v) { if (v[attr] == null) { v[attr原创 2021-11-18 14:14:44 · 1467 阅读 · 0 评论 -
Vue学习-import {...} from “xxxx“与import ... from “xxx“ 的使用
Vue前言一、原因前言学习Vue的过程中通过import 引入依赖时发现了一下问题:为什么一个加{}一个不加{}import {getUserListData,deleteUser,updateUserPassword} from "@/api/index";//excel工具类import excel from "@/libs/excel";一、原因export 暴露的js方法,用{} export default 暴露的js方法,不加...原创 2021-11-02 15:01:30 · 1184 阅读 · 0 评论 -
Vue学习 - :xxx=“变量“
Vue一、:xxx="变量"问题描述二、分析三、总结一、:xxx="变量"问题描述以下拉框为例解释:<el-col :span="9"> <el-form-item label="状态:"> <el-select v-model="formInline.osiStatus" placeholder="请选择"> <el-option value="1" label="正常">正常</el-option>原创 2021-10-29 15:56:38 · 603 阅读 · 1 评论 -
Vue学习-Form表单处理账号密码自动填充
@VUE前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.p原创 2021-10-23 18:02:48 · 1260 阅读 · 0 评论 -
Vue学习-增删改操作菜单数据时左侧菜单栏动态更新
Vue前言一、以新增菜单为例这里获取到后台返回的操作结果后进行重新获取菜单并添加路由的操作二、重新获取菜单并重新添加菜单路由以及将菜单数据存入vuex三、菜单渲染前言当管理员角色对菜单数据进行增删改操作时,要求左侧菜单栏动态更新。思路:增删改时重新获取菜单并重新添加菜单路由以及将菜单数据存入vuex,利用vuex的数据变更具有实时性的特点进行实现。一、以新增菜单为例这里获取到后台返回的操作结果后进行重新获取菜单并添加路由的操作submitAdd() { this.$refs.form原创 2021-09-24 11:13:25 · 1522 阅读 · 0 评论 -
Vue学习-刷新界面动态路由丢失
Vue前言页面刷新,路由重新初始化,通过动态路由方式添加的路由因而被清除1.通过路由守卫解决前言页面刷新,路由重新初始化,通过动态路由方式添加的路由因而被清除1.通过路由守卫解决//路由守卫router.beforeEach((to, from, next) => { iView.LoadingBar.start(); //console.log("store",store); //处理刷新界面动态路由丢失问题 let userToken = store.state.use原创 2021-09-17 16:29:46 · 5722 阅读 · 3 评论 -
Vue学习-动态路由
Vue前言一、动态路由实现后端返回当前登录角色拥有的菜单树数据。前端获取到数据后生成菜单路由节点并进行渲染菜单;以下代码逻辑:调取后台接口获取到返回的菜单树。将获取到的菜单树通过工具类(util)的initMenu()方法生成路由节点。并将生成好的路由节点提交到路由(router.addRoutes())工具类(util)lazyLoading.jsstore.js 提交路由节点代码页面渲染前言后台管理系统中,单一的静态路由配置满足不了多样化的菜单权限管理。一、动态路由实现后端返回当前登录角色拥有的原创 2021-09-17 15:57:14 · 231 阅读 · 0 评论 -
Vue学习-this.$store.dispatch()/commit()异同
Vue一、相同二、使用步骤1.引入库2.读入数据总结一、相同都可以用于二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore')import sslssl._create_default_https_context = ssl.原创 2021-09-17 14:41:15 · 982 阅读 · 0 评论 -
Vue学习-路由地址重复报错
Vue前言原因以及解决方法:1.原因:2.解决方法:前言通过Vue路由访问不同页面出现以下错误:原因以及解决方法:1.原因:点击访问不同的页面时,路由地址未发生改变(浏览器url地址未发生改变)。2.解决方法:main.js中添加以下代码:const routerPush = Router.prototype.pushRouter.prototype.push = function push(location) {return routerPush.call(this, locatio原创 2021-09-17 11:16:55 · 396 阅读 · 0 评论 -
Vue学习-搭建Vue项目
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar转载 2021-09-17 10:52:06 · 105 阅读 · 0 评论