VUE - 随笔分类 - 公子缘

摘要：Vue. 之报错 Uncaught (in promise) 在点击同一个URL的时候，会报错如下：解决方案：在项目目录下运行 npm i vue-router@3.0 -S 即可。阅读全文

posted @ 2019-09-13 13:00 公子缘阅读(3078) 评论(0) 推荐(0)

摘要：Vue. 之替换左上角 title标签处的图标 1、icon命名为favicon.ico放在项目的位置：src/assets/favicon.ico 2、在index.html中写入： <link rel="shortcut icon" type="image/x-icon" href="src 阅读全文

posted @ 2019-09-13 10:20 公子缘阅读(4137) 评论(0) 推荐(0)

Vue.之.回到顶部

摘要：Vue.之.回到顶部当页面出现上下滚动条时，页面右下角出现回到顶部功能。在页面上添加如下DIV（写的CSS内部样式），这个DIV功能：出现滚动条往下滑动，就显示出来，反之隐藏。点击DIV快速回到顶部。在加入EScript代码. 效果图：（滚动条在顶部，div不显示；往下滑动滚动条，div显示）阅读全文

posted @ 2019-09-05 19:57 公子缘阅读(3027) 评论(0) 推荐(0)

Vue. 之刷新当前页面，重载页面数据

摘要：Vue. 之刷新当前页面，重载页面数据如下截图，点击左侧不同的数据，右侧根据左侧的KEY动态加载数据。由于右侧是同一个页面，在进行路由跳转后，不会再次刷新数据。解决方案: 右侧的页面中 script代码块添加：watch模块，如下代码：阅读全文

posted @ 2019-08-05 13:26 公子缘阅读(2575) 评论(0) 推荐(0)

Vue. 之 Element dialog 拖拽

摘要：Vue. 之 Element dialog 拖拽默认情况下，在使用Element的Dialog模块时，弹出框是不能移动的，且一旦点击遮罩层区域，弹框就会消失。解决方案： 1 在 utils 中新建 directives.js 文件 2. main.js中导入：import './utils/d 阅读全文

posted @ 2019-08-03 18:29 公子缘阅读(355) 评论(0) 推荐(0)

Vue. 之 Element table 单元格内容隐藏

摘要：Vue. 之 Element table 单元格内容隐藏在table显示数据时，若某个单元格的内容过多，需要进行隐层，在这一列的单元格属性添加：:show-overflow-tooltip="true" 阅读全文

posted @ 2019-08-03 14:40 公子缘阅读(843) 评论(0) 推荐(0)

Vue. 之 npm安装 axios

摘要：Vue. 之 npm安装 axios 使用指令： cnpm install axios 阅读全文

posted @ 2019-08-03 13:38 公子缘阅读(3766) 评论(0) 推荐(0)

Vue. 之 Element table 高度自适应

摘要：Vue. 之 Element table 高度自适应使用vue创建table后，其高度自适应浏览器高度. 在创建的 el-table 中添加:height属性，其值为一个变量（tableHeight）在script中的data() 中添加高度的定义：这里的200是自己根据实际需求进行定义的，此阅读全文

posted @ 2019-08-03 13:35 公子缘阅读(10447) 评论(0) 推荐(0)

VUE.之安装 font-awesome

摘要：VUE.之安装 font-awesome 我们在项目中经常使用各种图标：font-awesome (http://fontawesome.dashgame.com/) 1.npm 安装font-awesome 以及需要的所有依赖 npm install less less-loader css-lo 阅读全文

posted @ 2019-07-30 22:56 公子缘阅读(2468) 评论(0) 推荐(0)

Vue.之.路由跳转

摘要：Vue.之.路由跳转在进行项目开发的过程中，需要使用路由进行跳转。如下： // 不带有参数，在页面上跳转到别的页面 1. this.$router.push('/login/init'); // 带有参数 2. this.$router.push({ path: '/login/validate' 阅读全文

posted @ 2019-07-16 20:18 公子缘阅读(212) 评论(0) 推荐(0)

Vue.之.项目开发工具选用

摘要：Vue.之.项目开发工具选用上篇文章记录了创建项目，这篇文件记录，如何对创建的项目进行开发。这里选择一个工具：Visual Studio Code （请自行下载安装） 1. 打开VSCode工具，并加载项目： File -> Open Folder (然后选择之前创建的项目：ntrc-app) 2 阅读全文

posted @ 2019-07-14 22:22 公子缘阅读(6012) 评论(0) 推荐(0)

Vue.之.创建项目

摘要：Vue.之.创建项目第一次使用vue的时候，在已完成node的情况下，还需要在进行安装vue。指令：cnpm install vue-cli -g //全局安装 vue-cli 检查vue的安装情况，使用指令： vue list 上面的工作准备好之后，开始创建vue项目。选定路径，新建vue项阅读全文

posted @ 2019-07-14 22:10 公子缘阅读(269) 评论(0) 推荐(0)

Vue.之.安装

摘要：Vue.之.安装第一步npm安装首先：先从nodejs.org中下载nodejs 直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常使用淘宝NPM 镜像国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 $ npm install -g cnpm 阅读全文

posted @ 2019-07-14 14:07 公子缘阅读(163) 评论(0) 推荐(0)

Vue.之. 动态设置按钮Disabled

摘要：Vue.之. 动态设置按钮Disabled 转自：https://zhuanlan.zhihu.com/p/267907978 按钮代码如下：添加了一个属性 :disabled="isAble" ，控制：更新按钮、重置按钮 1 <el-form-item> 2 <el-button type=" 阅读全文

posted @ 2019-06-23 18:49 公子缘阅读(24757) 评论(0) 推荐(2)

Vue. 之 Element获取table中选中的行

摘要：Vue. 之 Element获取table中选中的行问题描述：如下截图，在Table中选择数据后，然后在点击“统计”按钮，获取Table表中选择的行解决方案: 1. 给“统计”这个按钮添加一个点击事件：代码: <el-button type="primary" size="small" pl 阅读全文

posted @ 2019-06-20 06:34 公子缘阅读(36441) 评论(0) 推荐(0)

Vue. 之 npm安装Element

摘要：Vue. 之 npm安装Element 前提：相关运行环境以搭建完成，例如：Node、Npm等. 假如我的项目目录如下： D:\DISK WORKSPACE\VSCODE\CDS\cds-app 安装element 步骤： 1. 进入到项目中. 2. 在空白的区域，先按住shift键不要松手，然后阅读全文

posted @ 2019-06-19 09:38 公子缘阅读(16095) 评论(0) 推荐(2)

随笔分类 - VUE