vue
关注
分享
扫一扫
丸子丸子丸子酱
来自底层的小前端
展开
-
vue项目中保留事件原来的参数
vue项目中保留事件原来的参数原创 2022-05-11 11:11:08 · 1001 阅读 · 0 评论 -
vue3前端青铜到黄金王者 #12 项目结构解析
前篇我们建立一个vue3项目，大概展示了一下。其实可以修改，我们再深度看看。v 项目结构是什么？vue cli架起vue项目如下：./README.md./yarn.lock./public./public/favicon.ico./public/index.html./babel.config.js./package.json./src./src/App.vue./src/main.js./src/components./src/components/HelloWorld原创 2021-08-27 23:31:12 · 312 阅读 · 0 评论 -
vue3前端青铜到黄金王者 - 第8个入门v watch使用
什么是Watchwatch 是 Vue.js 最强大的功能之一。当关注的某个变量的值变化时，watch监听到并且执行，注册监听该变量的函数（比如更根据变化执行一些数据，消息更新等）我们直接敲代码吧：<!DOCTYPE html><html lang="en"><head> <title>vue3青铜到黄金-丸子酱-vue-0n</title> <meta charset="UTF-8"> &原创 2021-08-24 22:48:25 · 209 阅读 · 0 评论 -
websocket通信vue vuex 全局封装
websocket通信 vuex 全局封装最近公司要用weboscket，但是要全局用，因为我们是想把导航上加上小红点，所以相对来讲比较简单，本人属于socket研究阶段// import Cookies from 'js-cookie'//后端给的端口号const wsuri = ‘ws:/xxxxxxxx’const websocket = { state: { webs...原创 2019-02-21 11:39:50 · 8031 阅读 · 0 评论 -
element tree点击动态请求数据
element tree点击动态请求数据用element 做树结构的时候发现如果要一次性加载所有数据 会很卡，所以就想点击一级菜单加载，我们的最多只有二级，所以我判断是只有二级。如果需要子节点，一定要让后端传children哦template <el-tree node-key="id" :data="dataList" icon-class="el-icon-arrow-rig...原创 2019-02-21 11:54:12 · 5283 阅读 · 0 评论 -
vur router keep-alive 路由缓存
很多时候列表页跳内页啥的，跳来返回都需要把前一页的数据缓存了我们之前用的文案是keep-alive但keep-alive有个问题是，三级菜单就会有奇奇怪怪的问题清除也没办法后面用了一个插件navigation。<navigation> <router-view></router-view> </navigati...原创 2019-03-14 11:37:49 · 323 阅读 · 0 评论 -
vue导出Excel表格
下载插件 npm install -S file-saver xlsx npm install -D script-loader建立文件夹 vendor 在src里面放置两个文件Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, h...原创 2019-03-14 11:48:50 · 1306 阅读 · 0 评论 -
node js学习 [第一篇] 规范 读取文件 嵌套【新手向】
这一篇用于一点node知识都不懂的小白们【本人小前端，近来学Node】总结了一些经验。所以丸子先发一点小教程出来目录1，Node是什么2，第一个简单的node2，node的嵌套，基础知识Node是什么Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 简单的说...原创 2019-03-26 16:53:22 · 367 阅读 · 0 评论 -
vue绑定数字类型 value为数字
直接加: <el-select v-model="searchData.status" filterable placeholder="请选择" @change="gamefilter" class="mr40"> <el-option label="开启" :value='0'></el-option> &...原创 2019-04-02 16:32:45 · 13672 阅读 · 0 评论 -
vue-element-admin element Pagination的坑，无法更改page的值去改Pagination
在工作的时候发现了Pagination 的坑，比如我在page页面 3的时候，请求后端的一个keyword数据，这个时候，我要把page设为1，重新开始，但Page虽然是可以设置为1了，但是我搜索的页面，在点页面3的时候，不会请求接口了，，原来才知道无法在触动page更新了。。。在网上看到很多种方法都没有效果然后一直不停的尝试，终于可以了，首先先看代码 template ...原创 2019-03-26 15:19:34 · 6814 阅读 · 0 评论 -
vue-element-admin table element table 自适应内容宽问题
vue-element-admin table element table 自适应内容宽问题很多情况下，我们的表头是没办法去自定义的，要从后端获取，但是element table又没办法不换行显示。。总之 就是显示的很丑先 说第一种：如果我们的表头是从后端获取的后端给我的数据是这样的{"code":200,"msg":"成功","data":{"total":"5",&quo原创 2018-11-23 10:18:22 · 12120 阅读 · 2 评论 -
vue+highcharts图表封装【曲线图+柱形图+（曲线柱图）+饼图+面积图】
最近做一个后台系统，后台系统其实是有很多图表。但因为运营大佬想让图表可以实现导出成excel等格式。但后端不太愿意配合，发现原来highcharts可以来导出。就用highcharts。但源生的比较复杂。图表的比较多。所以丸子就把一些常用的图表封装了封装的代码<template> <div class="highcharts-container" style="heigh...原创 2018-09-27 11:06:06 · 1705 阅读 · 0 评论 -
vue搭建
vue搭建用的是vue1$ npm install vue$ npm install -g vue-cli$ vue init webpack my-project$ cd my-project$ npm install$ npm run dev安装bower插件$ bower install vue可用淘宝cnpm来下载，这样会快很多基础完成原创 2016-12-20 11:33:04 · 367 阅读 · 0 评论 -
vue.js的总结
mvvm框架 vue：三要素 响应式：vue 如何监听到 data 的每个属性变化？ 模板引擎：vue 的模板如何被解析，指令如何处理？ 渲染：vue 的模板如何被渲染成 html ？以及渲染过程响应式 修改 data 属性之后，vue 立刻监听到 data 属性被代理到 vm 上用defineProperty监听。ie9+可以。一个小dem...原创 2018-06-06 10:18:13 · 213 阅读 · 0 评论 -
虚拟dom的理解
虚拟dom 随着mvvm框架的应用，react,vue都在用。 首先要理解什么是虚拟dom，为什么要用虚拟dom，虚拟dom前身是什么。跟jquery比的好处是什么。例如有个表格 name age address 张三 20 北京 李四 21 上海 王五 22 广州我们用jquery的话，想要改变里...原创 2018-05-30 14:47:15 · 1222 阅读 · 0 评论 -
vue-element-admin 框架应用1
最近公司要坐后台系统–原本一直用react，但技术大大决定要用vue，所以就用了这个框架，讲讲我的这个框架的理解吧，帮助新手可以快速上手先看代码吧~~官方文档：https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md git下载 # 克隆项目git clone https://...原创 2018-07-18 11:59:44 · 19456 阅读 · 3 评论 -
vue-element-admin 框架应用2
手把手教你写第一个vue-element-admin页面# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git# 安装依赖npm install# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=https:...原创 2018-07-18 15:07:14 · 5021 阅读 · 5 评论 -
vue-element-admin使用第三方图标库
1.打开页面。点击2.新建项目 3这个时候回到首页就可以添加到购物车了一般需要自己一个一个点如果你想添加所有，请在控制台输入代码var icons = document.querySelectorAll('.icon-gouwuche1');var auto_click = function(i) { if (i < icons.length) { setTimeo...原创 2018-07-26 18:33:01 · 9754 阅读 · 0 评论 -
js获取从上月一整月，本月1号到今天的日期
js获取从上月一整月日期js获取从本月1号到今天的日期 const start = new Date() start.setTime(new Date(new Date().getFullYear(), new Date().getMonth(), 1)) 本月一号获取上个月一整个月日期 const end = new Date() const start =...原创 2018-09-27 10:45:20 · 8731 阅读 · 0 评论 -
js源生写cookie封装
//写cookiesfunction setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expir...原创 2018-09-27 10:52:16 · 357 阅读 · 0 评论 -
分享一些自用的UI组件和Vue组件
一个移动端UI组件库–ydui，开源免费的 文档地址:http://www.ydui.org/customize 演示地址:http://www.ydui.org，后续出一个vuejs版本。有兴趣的可以看一下。一个移动端UI组件库–ydui，开源免费的 文档地址:http://www.ydui.org/customize 演示地址:http://www.ydui.org，后续出一个vuejs原创 2017-01-16 19:49:10 · 377 阅读 · 0 评论