![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
AXIMI
这个作者很懒,什么都没留下…
展开
-
GO: 获得post application/json格式的body数据
传给后端的格式类型传给后端的格式类型为application/json格式:前端content-type对应类型为application/json:后端获得body数据的方式go需要创建一个struct结构来获得对应的数据,例如我前端传给后端的数据格式为:{ "projects": ["project1", "project2"], "start_date": "2020-08-01", "end_date": "2020-08-02",}则后端获得该数据的方式为:packag原创 2020-08-18 15:54:07 · 4872 阅读 · 0 评论 -
【Element-UI】树 默认高亮一个节点
问题描述我希望每次刷新页面时,都默认高亮树的第一个子节点。如图所示,树的第一个子节点ap-southeast-1背景是淡蓝色的,处于高亮状态。实现方式首先树节点的数据格式如下:每个节点都包含了一个id和标签label。id用于标记这个节点,label用于节点具体显示的内容。前端页面的格式如下:这里我设置了以下内容:ref="vueTree"指代这颗树名为vueTreen...原创 2019-09-19 15:29:02 · 5653 阅读 · 0 评论 -
【vue】过滤器调整element表格的数据(四舍五入,加单位)
问题背景一般我们将数据显示到element 表格是直接显示的,如下所示:这里tableData是个数组,数组里面的元素是一个个的字典,长这样:显示到表格里是这样:可以看到这里面所有的数据都是从后端传过来直接显示的,但是如果我想进行一些例如四舍五入或者加单位之类的操作呢?这里就可以考虑使用过滤器。解决方式过滤器添加在这个位置:和data数据,methods方法集处于平级位置,...原创 2019-09-10 10:54:18 · 2878 阅读 · 0 评论 -
【vue】解决npm run build失败问题
问题背景:弄好了vue项目,想打包成dist,运行npm run build的时候报错如下:问题说明:首先,npm run build失败的原因大部分都是因为webpack的子库和webpack的版本号不对应的问题根据你自己项目的不同,有不同程度的不兼容问题。比如我上面的问题中,显示是"optimize-css-assets-webpack-plugin"这个字库有问题。有什么问题呢?...原创 2019-09-02 16:47:59 · 17582 阅读 · 0 评论 -
【vue笔记】this.$nextTick()
this.$nextTick()在DOM更新循环之后执行延迟回调,在修改数据之后使用这个方法可以获取更新后的DOM,例如:// 修改数据this.message='changed'console.log(this.$el.textContent)// 输出的是原message的数据,因为重新设置message后,DOM还没有更新Vue.nextTick*(function(){ co...原创 2019-05-13 13:25:23 · 1807 阅读 · 0 评论 -
【vue笔记】调试日志
1.main.js中的挂载不对:报错内容: cannot find element: #App报错原因: el: ‘#app’,id为app的元素,这个a字母是小写的解决方式: 在main.js文件中将el:’#App’改为el: ‘#app’// The Vue build version to load with the `import` command// (runtime-on...原创 2019-03-08 10:04:23 · 2521 阅读 · 0 评论 -
【vue笔记】7.vue自定义指令
在Vue中自定义指令:insertedbind指令的简写形式inserted:inserted主要涉及和行为相关的指令, 来看这个界面:现在我们想自定义一个指令v-focus,使得每次进入页面时,我们的光标都停在search的输入栏。为了实现这个功能,可以定义全局指令,代码如下:Vue.directive('focus',{ inserted:func...原创 2019-03-04 13:36:51 · 306 阅读 · 0 评论 -
【vue笔记】6.键盘修饰符
现在对如下的用户管理系统进行修改,使得在添加用户时,输入回车键可以直接添加用户,而不是要点击add按钮才可以添加。要实现这个功能可以使用键盘修饰符。对Name输入框的代码可以修改为:<label> Name:<input type="text" v-model="name" @keyup.enter="add&quo原创 2019-03-04 09:56:28 · 201 阅读 · 0 评论 -
【vue笔记】5.过滤器
vue允许在mustache插值和v-bind使用过滤器,用于对一些常见文本进行格式化。原创 2019-03-03 15:08:37 · 166 阅读 · 0 评论 -
【vue笔记】4.样式
vue中的两种样式使用方式:class样式内联样式class样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script sr原创 2019-03-01 13:12:30 · 131 阅读 · 0 评论 -
【vue笔记】1.vue结构分析--创建一个简单的vue工程来说明一下vue的基本框架
在控制台创建一个简单的vue工程:在需要放置工程的目录下打开控制台,输入:vue init webpack test可以创建一个名为vue的项目。然后会提示对项目的一些属性进行配置:Project name工程名直接enterProject description输入一句话描述这个工程Author作者Vue build打包方式直接enterI...原创 2019-02-24 18:19:30 · 307 阅读 · 0 评论 -
【vue笔记】3.事件修饰符
&lt;template&gt; &lt;div id="app"&gt; &lt;p&gt;{{msg}}&lt;/p&gt; &lt;p&gt;{{reversedMessage()}}&lt;/p&gt; &lt;/div&原创 2019-02-27 20:50:59 · 953 阅读 · 0 评论 -
【vue笔记】2.vue.js模板语法
vue.js的指令是一些v-开头的属性:指令功能v-if根据表达式的值(true/false)来进行判定v-bind响应更新html属性,有缩写形式v-on监听DOM事件,有缩写形式v-model数据的双向绑定,用于input、select、text、checkbox、radio 等表单控件元素v-for循环指令v-if:&amp;amp;amp;lt;di...原创 2019-02-27 18:20:07 · 284 阅读 · 0 评论 -
vue devtool的安装与使用
vue devtool是chrome的一个调试插件,翻不了墙的话只能手动安装,方法如下:1.首先是下载:https://github.com/vuejs/vue-devtools选择下载安装整个ZIP压缩包2.然后进行解压缩,并在解压后的文件夹里面打开命令提示符,命令提示符应该是这个路径(自己的软件放置路径)升级一下npm,输入:npm install npm -g(此步骤没有...原创 2018-11-07 15:35:08 · 22163 阅读 · 3 评论