- 博客(9)
- 收藏
- 关注
RSS订阅原创 css超出文字用省略号表示
css代码//css.name{ width: 62px; display: inline-block; font-family: PingFangSC; color: #F7F6FD; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }//html: 数据v-for遍历出来的
2020-10-30 11:30:24
710
原创 vue遍历数组的demo
li 有相同的样式，现在想点击某一项的时候，可以颜色变成红色，表示选中的某一项。用到v-for，还有一个中间变量，进行对比代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2020-10-28 15:38:10
377
原创 在vue中，数组的方法，数据会响应式
直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组方法中，数据会响应式</title> <script src="https://cdn.
2020-10-28 14:44:30
284
原创 js数组方法
数组的方法：let a = ['a','b','c','d'];console.log(a.pop()) //d 返回删除的元素（a的最后一个元素）console.log(a) // ["a", "b", "c"]console.log(a.push('y')) //4 返回长度 在a的最后一个元素位置添加console.log(a.unshift('p')); // 5 返回长度，在a的第一个元素前添加console.log(a) //["p", "a", "b", "c",
2020-10-28 14:41:17
148
原创 v-for中的:key使用
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录切换和key属性的简单介绍</title> <script src="https://cdn.
2020-10-15 17:15:50
267
原创 v-for遍历数组和对象
直接放代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue遍历-v-for</title> <script src="https://cdn.js
2020-10-15 16:21:19
395
原创 vue中v-show和v-if的对比
结论： 开发中，v-if和v-show选用哪个：若元素切换频率过高时，使用v-show，若只有一次切换的时候，选用v-if若判断的条件为后台返回数据，大部分使用v-if直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
2020-10-15 15:28:59
141
原创 切换登录例子及问题
直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录切换</title> <script src="https://cdn.jsdelivr
2020-10-15 15:16:07
116
原创 vue条件指令
条件指令：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue条件指令</title> <script src="https://cdn.jsdeli
2020-10-15 14:43:00
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人