![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 83
飞中缘
这个作者很懒,什么都没留下…
展开
-
11个有关vue的UI框架
Element UIElement UI 来自中国,由与 Mint UI 相同的开发者所创建。Element UI 是用于 Web 和桌面应用程序的桌面 UI 工具包,如果你需要开发 Electron 应用,这个库会是你的理想之选。iViewiView 是一个 UI 工具包,其中包含简洁又设计优雅的小部件和各种组件。iView 团队维护非常及时,最近一次的更新在19年3月18日,这次更新带来了一个Vue CLI 3的 iView 插件,你可以使用该插件快速构建基于 iView 的项目。Vueti转载 2021-02-05 13:46:44 · 2248 阅读 · 0 评论 -
webstrom 常用配置
下面有较全的快捷键,慢慢熟练起来吧...WebStorm混搭svnWebStorm混搭nodeJS以less和uglify-js为例如何用npm在root中下载模块----------------------------------------------------------------------------------------------webstorm简单介绍官网地址:http://www.jetbrains.com/webstorm/featur...转载 2020-12-29 20:07:06 · 480 阅读 · 0 评论 -
vue axios 设置多个baseURL
1、在config.js中配置不同的base路径2、在request.js中设置axios不同的实例// 创建axios实例const service1 = axios.create({ baseURL: window.g.SERVICE_CONTEXT_PATH,});const service2 = axios.create({ baseURL: window.g.SERVICE_CONTEXT_PATH2,});3、在封装的方法中通过不同的实例去调取expo..原创 2020-12-29 15:12:04 · 6468 阅读 · 7 评论 -
vue 引用自定义Dialog组件问题
View中引用自定义Dialog组件需求: 在项目中,有时候可能在不同画面需要完成同一功能,比如示例文件列表查看功能,系统上传文件,需要查看文件列表,以及文件历史记录话不多说,上图这个查看文件的Dialog需要在系统中的很多地方调用,开发过程中不可能在每个地方都定义一遍,那么,我们可能使用自定义控件形式,代码如下<template><el-dialog title="查看文件":visible.sync="innerVisible"class...转载 2020-11-30 22:39:06 · 2133 阅读 · 2 评论 -
vue 微信分享链接出现config:invalid signature错误的解决方法
当开发微信时需要做特定的页面做分享时,根据官方提供的jssdk.php文件创建的签名数据包调试时,大家碰到的最多的错误而且解决最麻烦的大概就是signature错误了,如下图:分享时提示错误“{"errMsg":"config:invalid signature"}”一般出现这个错误多半是签名获取失败,而造成签名获取失败的原因各种各种,余斗在开发的时候也遇到过这种情况,搜索了不少网上教程,解决了自己的问题。接下来,余斗将这些解决方法统一整理列出来,希望可以帮到大家:1、APPID和AP...原创 2020-11-06 02:30:12 · 2187 阅读 · 5 评论 -
Vue el-table 获取选中的数据回显
官方文档,好好看看这几个参数<el-table@selection-change="handleSelectionChange" :row-key="getRowKeys"><el-table-column type="selection" :reserve-selection="true"></el-table-column></el-table>方法:handleSelectionChange(val...原创 2020-11-02 16:14:56 · 8009 阅读 · 4 评论 -
vue 常用插件库总结
一、UI组件及框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UI 库 vuetify- 为移动而生的Vue JS 2组件框架...转载 2020-10-20 16:24:49 · 346 阅读 · 0 评论 -
Vue 更改项目名称
1、删除node_modules文件2、.修改根目录下的package.json文件,把name修改成你的项目名称3、重新npm instrall一次,记得npm 之后,之前通过npm安装的插件,也要重新安装搞定原创 2020-10-15 14:09:46 · 2743 阅读 · 0 评论 -
使用vconsole 调试 查看LOG VUE在手机上调试 手机查看h5的日志详解
简单介绍下vConsole:vConsole是一个由微信公众平台前端团队研发的web前端开发者面板,可用于展示console日志,方便开发、调试。使用场景1,在vue-cli 构建的项目中使用:通过npm安装和使用:npm install vconsole --save在main.js文件里面引入: import VConsole from 'vconsole' Vue.prototype.$vconsole = VConsole; 在App.vue ...原创 2020-09-28 18:20:14 · 1405 阅读 · 0 评论 -
vue Failed to resolve loader: stylus-loader You may need to install it.
问题:在项目运行中会出现如下图所示的问题,出现Failed to resolve loader: stylus-loade 问题原因,是因为在项目中使用了lang=“stylus”, 项目中并没有安装stylus-loade和stytus , 安装即可。执行代码如下:1.npm install stylus --save-dev2.npm install stylus-loader --save-dev3.npm run dev(每次改动了配置文件均需要重新启动项目)搞定...原创 2020-09-27 10:17:06 · 3747 阅读 · 0 评论 -
CSS 设置圆弧2
现象:将div变为有一定幅度的圆形、椭圆形等方法:使用css的border-radius 属性进行设置CSS3 border-radius 属性:向 div 元素添加圆角边框:一:首先建立一个div二:给div设置圆角边框的弧度三:给div设置弧度为50%的时候 正方形就会变为圆形四:如果给长方形设置50%的弧度 就会得到椭圆形五:如果需要得到中间保持长方形的直线 两边设置为圆弧呢?就使用像素px进行设置 而不是百分比设置六:一次性标识所有角度进行不一样的设置七:也可转载 2020-09-23 20:45:09 · 1443 阅读 · 0 评论 -
CSS实现底部弧度效果
效果图1:<div class="box"><div class="home_top"> 这里是内容 </div></div>.box { width: 250px; margin: auto; overflow: hidden; }.home_top { position: relative; width: 100%; height: 100px; text-align: center; line-height: 50p.转载 2020-09-23 20:44:00 · 976 阅读 · 1 评论 -
vue 隐藏elementUI的某一个tab栏
调用下面就可以实现,简单吧hideTabs() { this.$nextTick(function () { this.$refs.tabs.$children[0].$refs.tabs[1].style.display = 'none'; });}原创 2020-09-21 15:27:40 · 1067 阅读 · 0 评论 -
vue插件总结——总有你能用上的插件
UI组件框架+element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UI 库 vuetify- 为移动而生的Vue JS 2组件框架 vonic- 快速构建移动端单页应用 vue-blu- ...转载 2020-09-18 16:53:48 · 239 阅读 · 0 评论 -
vue 路由跳转四种方式 (带参数)
1. router-link1. 不带参数<router-link :to="{name:'home'}"><router-link :to="{path:'/home'}"> //name,path都行, 建议用name// 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。2.带参数<router-link :to="{name:'home', params: {id:1}}"&...转载 2020-09-02 17:33:04 · 796 阅读 · 0 评论 -
vue-router 在项目中的使用
一、下载vue-routernpm install vue-router --save二、编码1、在项目中新建文件夹 router/index.js/** 路由对象模块* */import Vue from 'vue'import VueRouter from 'vue-router'/*引入pages*/const MSite = ()=>import('....转载 2020-03-23 10:22:58 · 408 阅读 · 0 评论 -
vue-cli 脚手架项目 - package.json 介绍
vue-cli是用来生成 vue项目的命令行工具,它的使用方法是这样的:vue init <template-name> <project-name>第二个参数 template-name 就是我们打算使用的模板,目前,模板是通过github上vue-templates这个组织进行发布。我们通常使用的vue init webpack my-project, 其中...转载 2020-03-23 10:10:37 · 686 阅读 · 0 评论 -
关于npm audit fix, npm install提醒漏洞
执行npm install 出现如下提醒added 253 packages from 162 contributors and audited 1117 packages in 42.157sfound 5 vulnerabilities (1 low, 4 high) run `npm audit fix` to fix them, or `npm audit` for deta...转载 2020-03-16 11:03:45 · 6375 阅读 · 2 评论 -
vue 项目初始化时,npm run dev报错问题
初始化Vue项目时报以下错:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! maqueeliao@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`npm ERR! Exit status 1npm ERR!np...原创 2019-06-04 11:54:22 · 965 阅读 · 0 评论 -
Cordova - Windows系统下安装配置Cordova
使用Cordova可以很方便地进行跨平台应用的开发。在之前的文章:Cordova - 使用Cordova开发iOS应用实战1(配置、开发第一个应用)。介绍了如何在Mac OS系统下安装使用Cordova。本文介绍如何在Windows系统下搭建Cordova环境。并使用Cordova编译发布一个安卓(Android)应用。一,Cordova环境搭建1,...转载 2019-06-13 13:43:13 · 1001 阅读 · 0 评论