随笔分类 - Vue
摘要:MindMake 这是一款网页版思维导图,可以用脑图形式来编写测试用例,支持导出多种数据格式。让你发散性思维中写出更完美的测试用例,来提升用例覆盖率。 工具地址: https://github.com/Musule/MindMake 一、功能 1、已实现 思维导图编写测试用例 将思维导图用例,导出x
阅读全文
摘要:在 v-for 代码块中,我们可以完全地访问父级作用域下的属性。 v-for 还支持可选的第二个参数,作为当前项的索引。 也可以使用 v-for 来遍历对象的属性。 还可以提供第二个参数,作为对象的键名(key): <body> <div id="box"> <ul> <li @click="onc
阅读全文
摘要:如下图,因为X轴内容太多,放不下,插件默认间隔显示需求:X轴内容要全部显示出来(只有斜显示或固定宽多余的用省略代替,本来需要就是想显示全部内容,所以只能取斜显示的方案) 先看看v-charts的文档: 通过extend属性实现对已配置好的内部属性进行单独的设置, extend为对象类型,对象内的属性
阅读全文
摘要:.el-table__header tr, .el-table__header th { padding: 0; height: 30px; line-height: 30px; } .el-table__body tr, .el-table__body td { padding: 0; heigh
阅读全文
摘要:选项 / 生命周期钩子 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this与你期待
阅读全文
摘要:一, v-charts简介 在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻
阅读全文
摘要:<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>测试</title> <!-- 引入样式 --> <link rel="stylesheet" href
阅读全文
摘要:工程结构 启动工程 TodoList.vue TodoItem.vue
阅读全文
摘要:命令行安装 环境依赖: 必须安装node 验证node是否安装 node -v npm -v 对应显示版本号即可,如下图: 设置淘宝源: 获取当前源地址 npm get registry 设置全局源地址 npm config set registry https://registry.npm.tao
阅读全文
摘要:vue安装 下载地址 https://cn.vuejs.org/v2/guide/installation.html 版本选择 选择开发版本下载 如何引入 直接用 <script> 引入,直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。 Vue入门程序 Vue中的属性绑定和
阅读全文