
vue
文章平均质量分 52
阿寒有点坏
这个作者很懒,什么都没留下…
展开
-
vue切换主题色
vue+scss切换主题色1.创建global.scss样式文件,在app.vue 引入@import '@/assets/style/global.scss';2.dark.scss和light.scss为两个主题色样式配置变量文件,在global.scss中引入。两个文件定义样式变量,分别引用theme.scss,用于定义类名使用样式//globals.scss@import "./theme/light.scss";@import "./theme/dark.scss";//dar原创 2022-04-15 13:48:06 · 3592 阅读 · 3 评论 -
流程图示例
效果点红色的地方可以跳转页面没有完成的流程显示灰色,点击不能跳转代码页面展示<div class="error-container"> <ul class="container-ul"> <li v-for="(item,index) in TablesetList" @click="hide(index)" :key="index"> <div class="aaaaa"><span :cla原创 2020-12-16 09:38:56 · 910 阅读 · 0 评论 -
elementui 单选表格如何点击整行来获取下标
<el-table ref="singleTable" :data="tableData" highlight-current-row @current-change="handleCurrentChange" style="width: 100%" v-show="!show" :row-class-name="tableRowClassName" @row-click.原创 2020-12-03 10:14:43 · 3544 阅读 · 0 评论 -
vue axios安装及使用
1.安装axioscnpm install axios --save-dev2.创建api文件在文件中引入设置请求头axios.interceptors.request.use(function (config) { config.headers['token'] = localStorage.getItem('token') || 'adf7cbdcdc62b07d94f86339e5687ca51' // 在发送请求之前做些什么 return config;原创 2020-11-09 12:07:06 · 479 阅读 · 0 评论 -
Vuex的创建使用
vuex是什么:就是用来存放所有组件数据的仓库语法引入vuex库 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/vuex@2.0.0/dist/vuex.js"></script>const store = new Vuex.Store({ // 单词大小写注意留心 // 仓库数据(状态 s原创 2020-11-04 11:22:38 · 283 阅读 · 0 评论 -
echarts的安装及使用
安装echarts模块cnpm install echarts代码案例<div class="l2"> //放一个容器 <div id="main" style="width: 600px;height:400px;" ref="charts"></div></div>export default {mounted(){ this.drawLine() }, methods: { drawLine() { // 基于原创 2020-11-03 20:47:11 · 2461 阅读 · 0 评论 -
git使用
版本控制老大/组长初始化步骤1:项目-初始化 (开发框架、UI框架步骤2:去 https://gitlab.com/users/sign_in 注册账号 创建jxshopadmin仓库留心:这个仓库网速慢打开慢,你可以选择github或者继续选择码云,但是心里面要有数 上课用的步骤3:通过下述语法直接给本地仓库绑定远程仓库git remote add origin https://gitlab.com/webopenfather/jxshopadmin.gitgit remote remov原创 2020-11-02 20:44:53 · 180 阅读 · 0 评论 -
安装UI框架及组件库
安装UI框架/组件库1.进入到自己的项目下2.安装element-uiyarn add element-ui@2.8.2 或 cnpm i element-ui@2.8.2 -S3.配置element-ui// 配置 ElementUIimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);// 配置 全局初始化样式import '@/原创 2020-11-02 19:58:21 · 324 阅读 · 0 评论 -
Vue CLI脚手架安装及使用
1.安装 vue-cli npm i @vue/cli -g //全局安装最新版本 npm i @vue/cli@3.12.1 -g //安装指定版本 vue -V //验证2.创建项目vue create 项目名3.项目配置1》选择手动安装2》选择自己所需配置3》选择路由模式 选择后期可以改4》选择css预处理器5》选择EsLint规范6》选择语法检查方式,我选保存检测7》配置文件信息是单文件存放还是多文件 都行 推荐第一个默认8》是否需要记住本次配置原创 2020-11-02 19:46:10 · 345 阅读 · 0 评论