- 博客(5)
- 资源 (11)
- 问答 (3)
- 收藏
- 关注
原创 v-for 绑定key值,不建议使用index (原因详解)
v-for 中的key值:使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;例子:const list = [ { id: 1, name: 'test1', }, { id: 2, name: '
2020-07-10 20:12:46 7039 5
原创 vue实现专场动画(css3)
html 核心代码:<template> <div id="app"> <transition :name="transitionName"> <keep-alive> <router-view class="child-view "></router-view> </keep-alive> </transition> </div>.
2020-07-27 20:03:35 398
原创 element ui 组件分页器用法【修改样式】
下载element ui 组件库的安装指令是:1、yarn add element-ui -S全局引入 ui 组件库:import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);一下是element ui 组件里面的一个表格 <el-table :data="showlist.slice((currpage - 1.
2020-07-25 09:52:59 2882 2
原创 css动态生成机器猫(带有背景音乐):
动态生成机器猫:核心代码:css*{margin:0;padding: 0;box-sizing:border-box}*::after{box-sizing:border-box}*::before{box-sizing:border-box}body{ display: flex; flex-direction: column; height: 100vh;}.code-wrapper{ flex: 1; height: 50%;}#p.
2020-07-18 20:02:28 317
原创 在vue组件中使用echarts
从yarn中下载eacharts模块yarn add install eachartshtml <h5>统计销量</h5> <div id="myChart" :style="{ width: '300px', height: '300px' }"></div>在vue组件中使用:eacharts<script>export default { name: "hello", data() { .
2020-07-07 19:50:57 1618
mongodb可视化工具.zip
2020-10-27
musicVueDemoByGanto.zip
2020-05-18
vue(框架 思维导图).xmind
2020-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人