- 博客(4)
- 收藏
- 关注
原创 柱状图动态生成向上增长遇到的问题
1.一开始做的时候遇到的第一个问题就是如何动态生成高度不同的每一项。 因为用的是vue,首先用了v-for来渲染。然后因为每一项都不相同,就使用了v-bind来控制样式,传入名称和高度,这样就区分开了每一项。 2.生成之后想加一个每一项都从底部慢慢向上生长的动画特效。第一个想到的就是用渲染来实现。看了一下相关内容后发现渲染要通过hover,click等方式触发才行。这个时候也没多想,直接切换到了动...
2018-12-04 17:26:51 777
原创 [Vue][CSS动画]柱状图实现输入数值动态生成新的项(向上生长)
界面 主要功能:输入项的名称和数值,点击新增按钮,生成新的项,自底向上生长。使用CSS3动画属性。 要点:动态修改@keyframes中的属性 代码(只展示关键代码): HTML <div class="item" v-for="(item,index) in items" :style=&quot
2018-12-04 16:57:15 1181
原创 使用Easy Mock接受数组时出错的问题
在第一次使用easy mock时,接受普通数据是没有问题的,但是需要接受数组来填充到表格时,就发生的了错误。 在JS中代码: created() { this.$axios.get("https://www.easy-mock.com/mock/5bfc912d0a883e1654768cce/item/item",{"id":123}) .the...
2018-11-28 10:12:08 710
原创 Vue计算属性computed简介及简单用法(表格筛选)
Vue计算属性computed简介及简单用法(表格筛选) 简介 在vue中一些数据经常依赖于别的数据,随之改变,且改变的逻辑也较复杂,这个时候就需要用到计算属性computed。 基本语法: ...
2018-11-28 10:01:01 9852 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人