
前端
At小小程序媛
这个作者很懒,什么都没留下…
展开
-
visjs使用小记-1.创建一个简单的网络拓扑图
使用visjs创建一个简单的网络拓扑图原创 2017-08-04 11:41:13 · 4446 阅读 · 0 评论 -
使用vue2的filter过滤列表
组件部分<template> <div class="todo-contain"> <h1>TODOS</h1> <div class="todolist-contain">原创 2018-11-15 18:04:31 · 5313 阅读 · 0 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-7.多标签页面修改为切换不刷新 可指定刷新当前页面
在上一节的基础上1.修改route/index.js,将路由配置为嵌套路由,2.修改layout/layout.vue3.修改appMain.vuereflashRouterView的relashKeys的重新赋值需要修改为Vue.set()响应更新,否则页面不会实时刷新!4.修改tagsView.vue...原创 2018-09-29 17:38:48 · 3447 阅读 · 2 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-6.添加多标签页面
1.拷贝相应文件到对应目录 2.store/index.js如下添加import tagsView from './modules/tagsView'参考文章https://blog.youkuaiyun.com/connie_0217/article/details/79523955 3.添加页面刷新功能拷贝以下文件到相应目录...原创 2018-09-27 15:01:43 · 3527 阅读 · 4 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-5.添加table筛选
html部分 红色部分为使用筛选的必填项,蓝色部分参数及方法名称根据场景自定义<el-table :data="list" v-loading="listLoading" element-loading-text="Loading" border fit highlight-current-row @filter-change="filterChange"> <el-ta...原创 2018-09-14 15:29:45 · 831 阅读 · 0 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-4.添加自定义svg-icon
进入图标库下载需要的图标,推荐阿里的:http://iconfont.cn/home/index 选择图标的svg格式下,完成后放入项目根目录下的\src\icons\svg文件夹 代码中使用以下代码即可 <svg-icon class-name="international-icon" icon-class="walmart" /> ...原创 2018-09-06 12:37:26 · 1492 阅读 · 0 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-3.添加语言包切换
安装il8n 命令进入项目根目录,执行命令安装vue-i18n npm install vue-i18n --save @/src/main.js文件修改,添加以下代码(同原代码重复部分可忽略)(@代表项目根路径,下同) import i18n from './lang'Vue.use(ElementUI, { locale, i18n: (key, valu...原创 2018-09-06 11:36:06 · 1467 阅读 · 0 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-2.动态权限路由加载
修改@/src/router/index.js(@代表项目根路径,下同) 定义静态路由变量,代表登录前的两个页面login和404 export const constantRouterMap = [ { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path...原创 2018-09-06 11:10:03 · 3129 阅读 · 2 评论 -
使用vue2+element+vue-admin-template创建单页应用小记-1.安装框架环境
安装node.js 安装vue-cli,npm install vue-cli(若想要自己重新创建应用,则安装vue-cli,若使用其他开源项目二次开发,则无需安装) 当国外镜像反应慢,可更改为淘宝镜像,以下三个方法可选: 通过config命令 npm config set registry https://registry.npm.taobao.org...原创 2018-09-06 10:53:18 · 4206 阅读 · 0 评论 -
使用vue2.0与bootstrap3进行简单列表分页
直接引入vue的js文件进行页面渲染分页,不是vuex的哦,以下源码可以直接运行哟^_^<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>使用vue2.0与bootstrap3进行简单列表分页</title> <link href="http://v3.bootcss.com原创 2017-10-30 15:09:49 · 2629 阅读 · 3 评论 -
visjs使用小记-2.option参数注释说明
visjs option 参数说明原创 2017-08-04 16:16:06 · 4928 阅读 · 1 评论 -
visjs使用小记-3.简单网络拓扑图的折叠与展开
项目需要对节点无限层级查看,大概捣鼓了下,以下demo代码可根据节点的层级顺序,通过节点双击简单实现节点的折叠与展开原创 2017-08-08 17:23:57 · 3598 阅读 · 0 评论