vue
燃烧的小煤球~
一个热爱前端行业的程序员。
展开
-
el-table的expand下动态生成el-checkbox的动态model
上图看成品多个checkbox,这时候绑定的v-model就有问题思路创建一个对象,动态的给里面添加数组在data中定义一个chooseBox:{},然后写入方法for(let item in this.systemList){ this.$set(this.chooseBox, item, [])}通过点击行+checkbox就可以绑定上当前点开的值了...原创 2021-03-31 11:47:08 · 369 阅读 · 0 评论 -
JS看到的一些小东西
字符串中出现最多的字符let str = "zouqingzouzouz"let obj = {}for (let i = 0;i<str.length;i++) {let char = str.charAt(i)if(obj[char]){obj[char]++; }else{obj[char] = 1}}let max = 0let maxChar = ''for(let key in obj ){if(ma...原创 2021-02-04 16:56:57 · 297 阅读 · 0 评论 -
JS临时死区
临时死区语义禁止在变量声明之前访问它。它加强了顺序:在声明之前不要使用任何东西// 无法工作pi; // throws `ReferenceError`const pi = 3.14;---------------------------------------------------const pi = 3.14;// Works!pi; // => 3.14let const 执行都会报错 var会赋值为undefinedTDZ 是影...原创 2021-02-04 16:55:23 · 250 阅读 · 0 评论 -
vue导出excel(只能做单一表格)
1.安装插件npm install vue-json-excel2.main.js 引入import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用download-excel标签<download-excel class = "export-excel-wrapper":data = "需要导出的文件jsondata" :fields = "表...原创 2020-12-23 10:56:17 · 222 阅读 · 0 评论 -
VUEX随记
Vuex主要作用是一个数据仓库,管理的是状态。可以存储数据,使得该项目下所有的页面可以访问该仓库中的数据或方法这里前提需要搭建一个vue项目,并且有一个组件Count.vue,通过vue-router可以跳转到该组件,具体实现这里不再赘述一、安装Vuex,初体验npm i vuex -S复制代码在 src 目录下新建一个文件夹 vuex , 在该目录下新建一个 store.js , 然后写入如下代码import Vue from 'vue' ...原创 2020-11-06 10:14:53 · 171 阅读 · 0 评论 -
自己来搭一个vue项目
准备npm node cli检查方式 npm -vnode -vvue --versionshift+鼠标右键 打开 powershell如果没权限管理员身份打开powershellset-ExecutionPolicy RemoteSigned选择Yvue create 项目名空格选中这是再问你要不要用history模式 n...原创 2020-10-28 16:15:45 · 119 阅读 · 0 评论 -
vue的mixins(个人笔记)
参考链接https://www.cnblogs.com/luguankun/p/10849636.htmlhttps://www.jianshu.com/p/19705ef09354mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改什么时候使用Mixins?页面的风格不用,但是执行的方法和需要的数据类似同一个生命周期,m...原创 2020-04-20 11:13:09 · 257 阅读 · 0 评论 -
使用vue的router-view做点击加载不同页面
别什么看不懂,很简单的。因为是做点击切换,所以带了参数路由文件目录列表原创 2020-04-10 10:35:12 · 896 阅读 · 0 评论 -
vue中Promise和async await的实际运用
原因是这样的。在vue文件中当时想着很多页面公用一个方法,并且实行多元化使用。在抽取方法的同时,在最后返回到页面上时,出现了console.log有值,但是页面上却没有的现象,所以判断出是同步异步的问题API数据import fetch from '@/utils/fetch'// 获取Sectionexport function getSection(id,lcid) ...原创 2020-03-31 19:01:27 · 1643 阅读 · 0 评论 -
element表格固定宽高,并且超出部分成省略号和hover全称
<el-table>中添加:row-style="{height:'40px'}":cell-style="{padding:'0px'}":header-cell-style="{background:'#EEEEEE',color:'#4d4d4d'}"<el-table-column>中添加show-overflow-tooltip确定最大...原创 2020-01-07 15:43:18 · 977 阅读 · 0 评论 -
moment计算2个日期的天数(个人笔记用)
var at = moment(日期时间).format('YYYY-MM-DD')var to = moment(日期时间).format('YYYY-MM-DD')console.log (moment(to).diff(at, 'day'))原创 2019-12-05 15:58:59 · 4357 阅读 · 0 评论 -
element-ui组件中input等的change事件中传递自定义参数
<el-table v-show="isSwitch==true" :data="distributorArr"部分代码。应该看得懂吧 :data是绑值<template slot-scope="scope"> <el-select v-model="scope.row.id" multiple filterable ...原创 2019-06-21 17:53:15 · 5247 阅读 · 0 评论 -
页面加载loading
在store文件下moudules的user.js中配置const user = { state: { loading: false, },mutations: { CLOSE_LOADING: (state) => { state.loading = false }, OPEN_LOADING: (state) => { stat...原创 2019-05-29 15:46:23 · 2738 阅读 · 0 评论 -
Vue时间日期倒计时组件
嘤嘤嘤。先说是借鉴别人的,有自己的改动样式,因为项目需要。多说几次,借鉴。借鉴。借鉴。。。。。(ios不认横杠—— 自己做个兼容写成/斜杠,兼容方式就不说了,转换就好了,判断是不是ios看我其他博文)当前文件请开一个新的vue页面保存,作为组件试用<template> <p>{{time}}</p></template>...原创 2018-08-22 12:44:05 · 8053 阅读 · 2 评论 -
vue中的history和hash
参考文档(技术博客支持原创作者分享,尊重别人的劳动成果)此文档为技术总结,不属于该UP主原创https://blog.csdn.net/lyn1772671980/article/details/80804419https://www.jb51.net/article/143923.htmhttps://router.vuejs.org/zh/guide/essentials/hist...原创 2019-03-20 12:09:04 · 13515 阅读 · 1 评论 -
VUE中修改关键字
网站修改关键字有利于搜索引擎查找直接在index.html文件夹中修改首页然后是修改其他页面再者是点击切换板块,在此说明一下,vue是数据双向绑定,MVVM模式,所以不用像原来写页面一样,有时候一个页面写完只需要切换数据而不需要切换页面,所以当数据改变的时候,同时也改变关键词...原创 2019-03-20 11:30:57 · 1015 阅读 · 0 评论