vue
Yoyo_Yan
这个作者很懒,什么都没留下…
展开
-
Handsontable 表头的合并、导出、小计合计等设置,内含github实例以及包连接
背景:vue项目中使用了handsontable做报表,表格比较复杂。后端返回表格数据,在前端整理成handsontable需要的数据格式后展示。涉及到了查询、根绝查询结果动态渲染表头、导出等功能。因为当时搞了好久,所以这里详细记录下遇到的问题。写了一个handsontable的小demo放在github上了 【传送门】,包含以上功能,项目启动后的访问地址:http://localhost:8080/#/hotTableComp。handson介绍handsontable引用方式:cdn or原创 2020-08-25 13:58:12 · 6349 阅读 · 2 评论 -
Vue React实现Anchor锚点组件
Vue实现// 使用: // 页面引入 `import Anchor from './../../../components/common/Anchor'`// <Anchor :title="title" v-if="title.t0"/><template> <div class="anchor-container"> <div c...原创 2020-02-09 22:30:11 · 1879 阅读 · 0 评论 -
iconfont用变量动态替换unicode编码,react vue文本转译
项目上的iconfont采用的是unicode,现需要通过动态替换unicode值来改变icon图标但是以下写法是不对的:icon={<i className="iconfont">{item.iconType}</i>}因为这里的item.iconType是字符串形式,想要达到效果还需要转译成html文本才可以:react写法icon={<i classN...原创 2019-12-12 14:03:14 · 2197 阅读 · 0 评论 -
vue-awesome-swiper整理
使用引入import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css"; //直接影响滑动样式<swiper v-show="contractList.length" class="swiper-content-boss sw...原创 2019-11-16 18:48:39 · 673 阅读 · 0 评论 -
初次新建一个vue项目
安装node.js和npm(npm依赖于node.js所以要先安装node)安装完成后打开cmd 输入 node -v 输入 npm -v 可以看到版本号表示安装成功开始在cmd中新建项目:(1)安装脚手架工具: npm install -g vue-cli –registry=https://registry.npm.taobao.org (—淘宝镜像比较快)(2)安装完成...原创 2018-07-12 14:52:24 · 285 阅读 · 0 评论 -
vue 配置路由(router-vue)
配置路由vue项目运行时首先找到main.js文件,通过main.js文件中的el找到App.vue:new Vue({ el: '#app', router, components: { App }, template: '&amp;amp;amp;lt;App/&amp;amp;amp;gt;'})要往index.js文件中import进来一个目标文件,例如我需要给test.vue文件加一个路由,那么我首...原创 2018-07-18 14:51:04 · 451 阅读 · 0 评论 -
vue各模块功能范围,webpack属性配置
app.js 项目的入口模块,一切的请求o都要先进入这里进行处理。调用router.js进行路由分发处理。 router.js 只负责分发路由,不负责业务逻辑处理。调用controller进行业务逻辑处理。 controller 只负责处理业务,不负责处理数据的CRUD。调用model层处理数据的CRUD。 model层 ...原创 2018-07-31 16:29:43 · 1061 阅读 · 0 评论