如果是一个数组包含对象且每个都对象内部固定包含child子数组,命名规范的话,使用for in就行了,去判断每一集下面还有没有child: [ ],
一、条件判断1、v-if条件判断使用 v-if 指令:可以在元素 或 template 中使用 v-if 指令: 现在你看到我了 菜鸟教程 学的不仅是技术,更是梦想! 哈哈哈,打字辛苦啊!!! 尝试一下 »这里, v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。在字符串模板中,如 Handl...
转载 2020-05-20 11:24:00
367阅读
2评论
循环使用 v-for 指令。v-for 指令需要以site in sites形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 指令:v-for 可以绑定数据到数组来渲染一个列表:一个参数二个参数三个参数:v-for 迭代整数:v-for 指令:...
原创 2022-10-31 15:43:33
145阅读
vue.js循环语句循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组, site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表:vue.js循环语句{{site.name}}模板中使用 v-for:vue.js循环语句{{site.name}}v-for迭代对象v-for可以通过一个对象的属性来迭代数据
原创 2021-05-20 15:27:55
369阅读
循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表:v-for 实例<div id="app"> <ol> <li v-for="site in sites"> {{ site.text
转载 2023-10-08 10:49:16
107阅读
Vue 中,循环语句主要通过 v-for 指令来实现,用于遍历数组或对象,生成对应数量的元素。在元素上使用 v-for 指令,根据源数据的数组或对象进行循环渲染元素。: 使用v-for渲染列表时,必须为每个项提供一个唯一的key属性,以便 Vue 能够识别每个项的唯一性,从而进行高效的 DOM 更新。: 可以嵌套使用多个v-for来渲染多维数组或对象结构。
原创 2024-10-14 09:50:00
18阅读
Vue 中,循环语句主要通过 v-for 指令来实现,用于遍历数组或对象,生成对应数量的元素。在元素上使用 v-for 指令,根据源数据的数组或对象进行循环渲染元素。遍历数组:v-for="(item, index) in items"遍历对象:v-for="(value, key, index) in object"key 的作用: 使用 v-for 渲染列表时,必须为每个项提供一个唯一的
原创 3月前
39阅读
经常用到嵌套循环渲染数据     比如  在一个html页面上渲染  全国所有的 省直辖市  及其下辖的市县      省级对市县  一般是一对多的关系 在循环遍历省级单位时  需要对他的子集也进行遍历   市县类public class City implements Serializable { private static final lo
原创 2021-07-20 09:55:56
822阅读
条件判断:v-if:条件判断使用 v-if 指令:v-else-if:(其实和Java,c,js的语法差不多)v-show:
原创 2022-10-31 15:30:31
78阅读
经常用到嵌套循环渲染数据     比如  在一个html页面上渲染  全国所有的 省直辖市  及其下辖的市县      省级对市县  一般是一对多的关系 在循环遍历省级单位时  需要对他的子集也进行遍历   市县类public clas
原创 2022-04-06 11:42:34
686阅读
Vue.js 条件与循环条件判断v-if条件判断使用 v-if 指令:v-if 指令在元素 和 template 中使用 v-if 指令: 现在你看到我了 菜鸟教程 学的不仅是技术,更是梦想! 哈哈哈,打字辛苦...
转载 2019-11-11 18:36:00
147阅读
2评论
怎么做发送jsonp请求,axios官方貌似并不支持,所以排除 经过辗转Google,发现了*vue-jsonp*这个插件 使用vue-jsonp官方地址:vue-jsonp下载npm install vue-jsonp --save-dev引入项目import Vue from 'vue' import VueJsonp from 'vue-jsonp' Vue.use(VueJson
转载 2023-06-11 21:07:02
205阅读
一、JSON 语法规则:JSON 是存储和交换文本信息的语法在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML、JSON等,JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的标签,这无疑占据了网络流量。1、JSON可以有两种格式一种是对象格式的: {"name":"JSON","address":"北京市西城区","age":25}//JSON的对象格式的字符串 另一
转载 2023-06-13 14:56:28
2420阅读
json字符串转换成json对象 let res = JSON.parse(jsonstr); //jsonstr 为json格式的字符串 console.log(res);
原创 2022-11-29 15:46:12
107阅读
通常情况下我们都会安装到node_modules包里面,然后import引入即可,但是难免会有一些js包无法npm安装下载,而且由于更新频繁所以也不会放到npmjs平台。
转载 2023-05-25 07:35:22
562阅读
前言最近在做手写输入法时遇到跨域问题,使用的是qq输入法的接口,代理无法实现效果,这里使用jsonp来实现。jsonp原理可以自行百度,这里记录一下vue-jsonp的使用和踩的一点小坑,官方文档请前往npm地址。安装npm install vue-jsonp -S或者yarn add vue-jsonp使用mian.js引用// main.js import Vue from 'vue' imp
转载 2023-06-11 20:58:07
372阅读
本期内容在前端访问后端数据的时候经常会出现跨域问题,jsonp 便是其中一种解决的方式,前提是接口能够支持 jsonp 的访问。目录1、安装2、添加到 main.js 中3、按如下语法使用4、以访问百度鹰眼轨迹 API 为例,发起 Get 请求1、安装npm install vue-jsonp --save2、添加到 main.js 中import VueJsonp from 'vue-jsonp
转载 2023-05-30 12:32:33
293阅读
<template> <div class="wrap"> <div class="main"> <div class="main_left"> <ul v-for="(val,index) in list[0].type" @click="clc(index)"> <li>{{val.tit}}
转载 2023-06-16 15:40:11
235阅读
项目中有有一个地区接口,服务器原因请求速度很慢很慢,于是考虑将地区接口的数据设置为本地的json文件。大大提升请求速度一、首先创建一个json文件,将数据放进去,一定要确保格式正确我的是这样的,把json文件放在static文件夹下,(放到static文件夹下)二、像使用axios一样去调用json文件三,调用json文件如下操作,其中注意我用的是/绝对路径,不用写什么localhost,最后部署
转载 2023-06-11 19:38:10
423阅读
把文件放到public里面 然后通过 axios.get 去加载
转载 2023-06-11 10:32:38
376阅读
  • 1
  • 2
  • 3
  • 4
  • 5