摘要: 需求:递归查询数组中id对应的数据 Json数据格式: 1 let cityArr = [ 2 { 3 id: 1000, 4 name: '四川省', 5 children: [ 6 { 7 id: 1100, 8 name: '成都市', 9 children: [ 10 { id: 1101, 阅读全文
posted @ 2023-07-06 11:27 红石榴21 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 一、属性 name 定义项目的名称,不能以"."和"_"开头,不能包含大写字母 version 定义项目的版本号,格式为:大版本号.次版本号.修订号 description 项目的描述 二、配置 dependencies 生产环境的依赖包 如果不使用脱字符(^),安装的版本号固定;如果使用,则能安装 阅读全文
posted @ 2023-07-06 10:35 红石榴21 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1、deep深度监听的用法 当监听一个对象时,可能想监听整个对象的变化,而不仅仅是某个属性。但在默认情况下,如果你正在监听formData对象并且修改了formData.username,对应的侦听器并不会触发,它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听,通过将deep 阅读全文
posted @ 2023-06-28 11:34 红石榴21 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 1、字符’0‘也显示为真 <div v-if="zeroStr">明月几时有,把酒问青天。</div> data() { zeroStr: '0' } 运行结果: 2、字符负数【-1或者‘-1’】也显示为真 <div v-if="negative">窗前明月光,地上鞋两双。</div> data() 阅读全文
posted @ 2023-06-27 10:30 红石榴21 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 一、map的第一种使用场景 需求:我们想得到对象数组中指定的两组或多组key和value值。 如下图: 下面是一段JSON数据结构 { "code":0, "msg":null, "data":[ { "processDetailId":1381753495314433, "processId":1 阅读全文
posted @ 2023-06-21 10:27 红石榴21 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 1、递归组件:组件在自己的模板中调用自身。2、循环引用:当父引用子,子引用父时。 直接给大家上代码: 第一步,MulAnalysisResult.vue 1 <template> 2 <div v-loading="loading"> 3 <div v-for="(item, index) in d 阅读全文
posted @ 2023-05-17 10:15 红石榴21 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 实现如下效果: 效果展示:https://code.juejin.cn/pen/7228568245148581943 如果不会请移步到官网的栗子,请点击查看 直接给大家上代码: 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; 阅读全文
posted @ 2023-05-02 22:20 红石榴21 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 实现如下效果: 效果展示:https://code.juejin.cn/pen/7226656439941955644 如果不会请移步到官网的栗子,请点击查看 直接给大家上代码: 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; 阅读全文
posted @ 2023-04-27 17:02 红石榴21 阅读(115) 评论(0) 推荐(1) 编辑
摘要: 先举一个栗子: 效果链接:https://code.juejin.cn/pen/7226264955824930816 如果不会请移步到官网的栗子,请点击查看 狠人话不多,直接给大家上代码: 整体代码片段 <template> <div id="container" style="position: 阅读全文
posted @ 2023-03-31 17:33 红石榴21 阅读(1186) 评论(0) 推荐(0) 编辑
摘要: 一、遍历对象 v-for = "(value, index) in obj" // 遍历对象 <template> <ul> <li :key="key" v-for="(value, key) in obj">{{value}}</li> </ul> </template> <script> ex 阅读全文
posted @ 2019-08-11 18:28 红石榴21 阅读(109) 评论(0) 推荐(0) 编辑