vue利用vue

申请删除 [复制链接]
查看11 | 回复0 | 2020-10-20 01:14:39 | |阅读模式
1.点击下面demo看效果动态数字效果案例:https://wangdahoo.github.io/vue-animate-numbervue-animate-number插件git地址:https://github.com/wangdahoo/vue-animate-number2.具体实现步骤如下如果你想展示一下自己的技术也可以用代码一行一行的写如果你像我一样“聪明”的话咱还是用这个插件亲测效果不错简单易懂哈哈开个玩笑说正事第一步安装vue-animate-number插件$npminstallvue-animate-number第二步在main.js中引入importVuefromvueimportVueAnimateNumberfromvue-animate-numberVue.use(VueAnimateNumber)第三步在组件中使用把所有用到的案例都在下面组件中写出templatedivanimate-numberfrom1to10duration1000easingeaseOutQuad:formatterformatter/animate-number!--最简单的案例from是开始值to是结束值--animate-numberfrom1to10/animate-numberanimate-numberrefmyNumfrom0to10modemanual:formatterformatter/animate-numberbr!--也可以通过按钮去触发--buttontypebuttonclickstartAnimate()animate!/button/div/templatescriptexportdefault{methods:{formatter:function(num){returnnum.toFixed(2)startAnimate:function(){this.$refs.myNum.start()/script3.vue-animate-number的API以上显示的代码以及步骤git上都有并且也比较详细没事大家可以浏览一下收藏起来用到的时候多方便vxe-table:一个基于vue功能强大的表格组件(支持树形,编辑,增删改查以及校验等)2452vue利用vue-animate-number插件动态展示数字(从0动态滚动到指定数字)1085element-ui中el-select下拉框数据过多,用pinyin-match实现拼音、首字母、汉字等模糊搜索专注酱油200年:UncaughtTypeError:CannotreadpropertytoLowerCaseofundefinedatObject.match(main.js?3234:1)ateval(management.vue?5f9a:372)atArray.forEach(anonymous)atVueComponent.PinyinMatch(management.vue?5f9a:371)atVueComponent.handleQueryChange(element-ui.common.js?2f86:8735)atVueComponent.onInputChange(element-ui.common.js?2f86:9023)atProxy.eval(element-ui.common.js?2f86:9090)atexec(throttle.js?dd68:48)博主这个组件不支持转小写吗
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网站更新