在开始写本博客的案例之前，梳理下功能点和知识点，方便查找和理解。功能介绍：1.生成json数据；2.解析json数据并将内容显示在tableWidget中；3.获取lineEdit中输入的内容，并将其显示在tableWidget中。知识点梳理：1.jsonjson是一种易于阅读和编写的数据交换格式。json.dumps()函数是将字典转化为字符串------json...

效果展示：功能描述：1.动态渲染form数据：动态从后台获取form数据，表单的label不固定，label和label对应的值均从后台获取，动态渲染label和label对应的值。Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。具体说明见Object.keys()2.动态删除属性：可删除属性（此处id

(1)导入图片并在data中声明<script>import backImg from "../../assets/images/backimg.jpg";export default {data() {return {backImg: backImg,};}</script>（2）使用<img:...

问题描述：从json数组中，查找出满足指定定条件的数据。解决方法：【filter()】var employeesData = [{ name: "王小明", mobile: "13900008789" },{ name: "陈霞", mobile: "13900008789" },{ name: "张悦", mobile: "13900008789" }]va...

check-strictly用于设置在复选框选择时，父子是否关联显示，其值默认为false，为关联显示状态。当设置【check-strictly="true"】时，效果如下：...

（1）el-tree节点点击事件：@node-click="deptNodeClick"（2）获取父节点数据：e.parent.data

需求描述：如下图，可收缩、可展开的侧边导航栏，当收缩时，鼠标悬停在一级菜单时，出现二级菜单。解决方法：设置标志【isCollapse】来控制展开和收缩图标的显示，当【isCollapse=true】时，侧标导航栏收缩，且标题“通讯录管理”不显示。当【isCollapse=false】时，侧标导航栏展开，且标题“通讯录管理”显示。在展开和收缩...

问题描述：vue+element项目报错，vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "defaultActive". Expected String with value "1", got Number with value 1.如下图解决方法：产生上述报错原因是由于<el-menu&gt

入门学习使用museui开发移动端学习系统。界面包括登录页、注册页、课程知识地图页（首页）、课程知识图谱页、学习资源页、交流讨论专区、个人中心。界面展示如下：首先，项目目录见下图：【main.js】: 项目的核心文件，实例化vue对象，引入项目中使用到的插件/工具和路由项目中使用了museui、...

1、component使用component渲染一个“元组件”为动态组件，通过is来决定哪个组件被渲染(1)【is="组件名"】（2）【:is="变量名"】2、keep-alivekeep-alive能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。可以用于系统中的多标签页面缓存打开的页面...