随笔分类 - vue
除了elementUI，还有这些vue框架？？？
摘要：原来Vue.js还有这么多好用的UI组件库 前言 前几天笔者在逛推的时候关注到这样一篇帖子： 翻译下来就是这个： 相对于 React，我更喜欢 Vue，但是该死的 - Radix UI、shadcn、Tremor 等看起来都很棒。 Vue 肯定缺少一些顶级的 UI 组件库（特别是考虑到 Tailwi
阅读全文
vue+elementUI 合并行3
摘要：1、返回数据为一维数组 getData() { that.tableData = res.data.data.list; } 2、合并函数 挂在vue底层： Vue.prototype.$spanMethodFunc=function(list, props, row, col) 写在method内
阅读全文
vue表格下载
摘要：1、数据写入excel export2excel 安装 export2excel$ npm install -s export2excel 安装 xlxs $ npm install -s xlxs 安装 file-saver$ npm install -s file-saver在src文件新建ex
阅读全文
elementUI切换主题颜色
摘要：在vue项目中新建一个element-variables.scss 这个css里面内容： /* 改变主题色变量 */ $--color-primary: #201a15; /* 改变 icon 字体路径变量，必需 */ $--font-path: '~element-ui/lib/theme-cha
阅读全文
Vue 引入.scss文件
摘要：引入方法一： npm install sass-loader -D npm install node-sass -D 引入方法二： npm install sass-loader node-sass webpack --save-dev npm install style-loader css-lo
阅读全文
vue导航菜单切换
摘要：结合elementUI 方案一：用ele的router html： <el-menu :default-active="this.$route.path" unique-opened router class="nav" background-color="#545c64" text-color="
阅读全文
vue登录
摘要：情景一：在用户刚打开网站时，自动跳转到登录页面，登录成功可以访问 router》index.js页面 import Vue from 'vue' import Router from 'vue-router' const Login = () => import('@/views/login') c
阅读全文
vue中获取标签方法
摘要：1、HTML DOM querySelector() 方法 按照以前jq方式， CSS 选择器来获取元素标签 [在mounted方法里面执行] document.querySelector获取的是被选中元素的第一个元素； document.querySelectorAll获取到所有被选中元素； eg
阅读全文
vue的生命周期
摘要：1、初始化阶段：创建和挂载 创建（beforeCreate-只会执行一次、created-只会执行一次）——调用methods中的方法，改变data中的数据、做ajax操作、获取computed中的计算属性，主要是用来初始化数据 挂载（beforeMount-只会执行一次、mounted-只会执行一
阅读全文
vue里面引入jq
摘要：1、npm install jquery 2、在package.json文件引入，后面施版本，根据下载的来定 dependencies:{ "jquery":"^2.2.3" } 3、在webpack.base.conf.js头部定义变量，并在module.exports后面追加第二段代码 let
阅读全文
vue中获取dom方法总和
摘要：export function hasClass(el, cls) { if (!el || !cls) return false; if (cls.indexOf(" ") !== -1) throw new Error("className should not contain space.")
阅读全文
在vs code中开发项目
摘要：1、下载vs code，链接：https://code.visualstudio.com/ 2、安装一些初级包 重启vs code ，打开项目
阅读全文
第二次打开vue
摘要：下次再运行项目打开cmd，切换到存放项目的文件夹，进入指定目录（cd my-demo）,再输入：npm run dev 即可 用vs打开vue项目 打开visual studio -- 打开本地文件 -- 选择对用vue项目文件夹路径--打开就好 但是怎么跑起来呢，不想直接点击vs原生的运行，因为直
阅读全文
visual studio 建立 vue项目
摘要：上一期已经介绍了如何创立第一个vue项目，如有不懂，请看链接（里面也有下载visual studio）vue建立项目 现在我们来讲讲在visual studio 新建立项目 1、安装完成后，启动VS 点击创建新的项目，找到红色框的项目点击创建就好了（我不知道这两个有什么区别，就不细讲了，知道的小伙伴
阅读全文