
vue
十里顾情欢
这个作者很懒,什么都没留下…
展开
-
递归思路的案例
我老大让我写一个签署模块还有一个文件的上传模块,因为是电脑桌面端,所以这两个模块都要实现断电续签和断电续传,前前后后折腾了半个多月中途又问了我老大好多次算是终于搞定了,分享下我老大给我说的一个思路。签署模块签署有单签、选中的签和全签这三个部分首先要把点击签署的和选中签署的宗地全部存起来,我们用的NeDB本地数据库,存的时候要存两个集合,一个是要签署宗地号的集合,一个是时间戳的集合,因为签署是需要时间来进行的 用户在点击签署后 可以继续点击另一个宗地进行签署 但是在多个签署的时候要依次进行,这时这个时原创 2021-02-26 10:35:03 · 193 阅读 · 1 评论 -
xlsx xlsx-style 设置导出的exce表格样式
xlsx 用来处理要导出的数据一般常用的就是json_to_sheet() 和table_to_sheet()json_to_sheet用来处理后台返回的json数据格式table_to_sheet用来处理页面中的table表格xlsx-style 用来设置导出表格的样式 上下左右居中、颜色、字体大小、表格的边框…下载npm install xlsx xlsx-style引入// 源码什么的都不需要改动import XLSX from 'xlsx';import XLSXStyle fr原创 2021-01-21 10:13:18 · 6902 阅读 · 3 评论 -
Vue-vuex
state存储数据(任何一个组件都可以调用)// store/index.jsstate: { count: 666888, qqq: 123, www: 456}// 组件中使用方法// 一 直接使用<p>{{$store.state.count}}</p><p>{{$store.state.qqq}}</p><p>{{$store.state.www}}</p>// 二 简易使用<h1>{原创 2020-05-10 14:19:38 · 154 阅读 · 0 评论 -
VueRouter
vue-router vuex 都是vue的插件Vue.use 传的参数 若是一个对象 则会找对象中的 install方法执行 并且会传一个 Vue进去 若是一个函数 则会直接当作 install方法执行$router 存放的是方法 ------- $route 存放的是属性path: '/home', // 走的路径name: 'Home', // 路径对应的名字redirect: "/home1", // 走到 Home组件之后 再定向到 /home1这个路径 重定向meta: { ti原创 2020-05-09 23:24:16 · 237 阅读 · 0 评论 -
VUE自定义指令
filters 和 directives(自定义指令) 里面的this都不是当前的实例// 子组件<h2 v-color="color">自定义指令</h2><h2 v-color>自定义指令</h2>data() { return { color: "red" };},directives: { // filters 和 directives(自定义指令) 里面的this都不是当前的实例 color(el, bindings) {原创 2020-05-09 13:53:18 · 97 阅读 · 0 评论 -
VUE插槽
插槽// 父组件<my-h2>猪猪雨</my-h2>//子组件<h2> <slot></slot> <!-- <slot></slot> 代表了 my-h2组件标签内部包含的内容 slot 标签里面的内容 是默认的展示值 (当my-h2组件标签的为空标签时展示) --></h2>具名插槽// 父组件<my-h2> <原创 2020-05-08 22:59:37 · 103 阅读 · 0 评论 -
VUE组件传递参数
谁用谁,谁就是父组件全局组件和局部组件名字冲突时 局部组件会把全局组件顶替掉父向子传递参数 通过 属性 的方式父页面向子组件 ul-com 通过属性名 list 传递了一个数组数据 <ul-com :list="[1,2,3,4]">子组件通过 props 进行接收数据 props:{ list:Array ...原创 2020-05-08 15:55:26 · 194 阅读 · 0 评论 -
VUE-ref
ref 用来 获取 DOM元素写了好几个ref 它只能获取最后一个如果是用v-for循环出来的他能获取一组 DOM元素VUE 的 DOM更新是异步的$nextTick 接收一个回调函数 该回调函数会在下一次DOM更新完成之前触发 类似一个 事件池this.$nextTick(() => { console.log(this.$refs.qqq); //控制台输出6个元素...原创 2020-05-08 10:52:21 · 682 阅读 · 0 评论 -
VUE组件
组件的简单实用1.组件的定义在 src 目录下新建 文件夹 components 用来存放组件在 components 目录下直接新建组件 *.vue2.组件的引入在页面中 引入 组件 " import 组件名 from ‘组件路径’ "3.组件的注册在页面中的实例中,新增属性 components属性 components 是一个对象,把组件放进去注册4.组件的使用...原创 2020-05-08 10:10:49 · 147 阅读 · 0 评论 -
vue中对同一元素添加单击和双击事件并解决他们之间的冲突
第一种<div id="app"> <button @click="a" @dblclick="b">点击</button></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> let...原创 2020-04-03 20:30:06 · 2946 阅读 · 0 评论