
VUE
vue
北辰//
走在前端道路的小白
展开
-
Animate.css在vue项目中使用
第一步:安装animate.cssnpm install animate.css --save第二步:在main.js中引入 import animated from 'animate.css' Vue.use(animated)第三步:页面中使用<div> <!--animate__animated 必写,否则动画无效--> <div class="animate__animated animate__backInLeft"></div&g原创 2021-11-18 11:31:57 · 612 阅读 · 0 评论 -
elementui中的表格在实现无限滚动时之前的数据选中状态消失
在vue项目中,使用elementui组件库table表格,在列表页需要有无限滚动和复选框功能问题:在滑动滚动条加载更多数据的时候,之前数据的选中状态发生变化解决:<!--表格--><el-table ref="mytable" :data="tableData" v-el-table-infinite-scroll="load" @select="selectnow" @select-all="selectAll"原创 2021-09-22 18:21:43 · 840 阅读 · 1 评论 -
Vue项目如何安装使用moment.js
Vue项目如何安装使用moment.js1、什么是moment.js它是一个简单易用的轻量级Javascript日期处理类库,提供了日期格式化、日期解析等功能,且支持在浏览器和NodeJS两种环境中运行2、Vue项目中安装npm install moment --save3、导入在main.js中导入该组件import Moment from 'moment'4、定义在全局中定义时间格式化全局过滤器,在main.js中引入moment如果获取的时间戳是10位的时间戳使用//定义原创 2020-12-03 20:09:48 · 7139 阅读 · 0 评论 -
vue项目中iconfont图标的使用
1、选择需要的图标添加到购物车中2、进入购物车下载图标文件3、将iconfont文件解压存放到assets目录中,可以全部存放,我只是把这两个文件存放进去了4、//指定文件在vue中引入import '../assets/style/iconfont.css'5、打开下载的文件夹中的demo_index.html文件在这个页面复制字体编码,并在html中使用,class中要添加iconfont类名<i class="iconfont"></i原创 2021-08-26 18:52:45 · 644 阅读 · 0 评论 -
vue3的todoList案例
vue3的练习demo1、todo.vue 父组件<template> <!--子传父用自定义事件,父传子用自定义属性--> <todo-header @addTask="addTask"></todo-header> <todo-list :arrTask="arrTask" @delTask="delTask"></todo-list></template><script>//引入两原创 2021-09-27 11:26:18 · 1025 阅读 · 0 评论