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 · 5042 阅读 · 0 评论 -
【Element-UI】树 默认高亮一个节点
问题描述我希望每次刷新页面时，都默认高亮树的第一个子节点。如图所示，树的第一个子节点ap-southeast-1背景是淡蓝色的，处于高亮状态。实现方式首先树节点的数据格式如下：每个节点都包含了一个id和标签label。id用于标记这个节点，label用于节点具体显示的内容。前端页面的格式如下：这里我设置了以下内容：ref="vueTree"指代这颗树名为vueTreen...原创 2019-09-19 15:29:02 · 5778 阅读 · 0 评论 -
【vue】过滤器调整element表格的数据（四舍五入，加单位）
问题背景一般我们将数据显示到element 表格是直接显示的，如下所示：这里tableData是个数组，数组里面的元素是一个个的字典，长这样：显示到表格里是这样：可以看到这里面所有的数据都是从后端传过来直接显示的，但是如果我想进行一些例如四舍五入或者加单位之类的操作呢？这里就可以考虑使用过滤器。解决方式过滤器添加在这个位置：和data数据，methods方法集处于平级位置，...原创 2019-09-10 10:54:18 · 2932 阅读 · 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 · 18164 阅读 · 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 · 1843 阅读 · 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 · 2584 阅读 · 0 评论 -
【vue笔记】7.vue自定义指令
在Vue中自定义指令：insertedbind指令的简写形式inserted:inserted主要涉及和行为相关的指令， 来看这个界面：现在我们想自定义一个指令v-focus，使得每次进入页面时，我们的光标都停在search的输入栏。为了实现这个功能，可以定义全局指令，代码如下：Vue.directive('focus',{ inserted:func...原创 2019-03-04 13:36:51 · 340 阅读 · 0 评论 -
【vue笔记】6.键盘修饰符
现在对如下的用户管理系统进行修改，使得在添加用户时，输入回车键可以直接添加用户，而不是要点击add按钮才可以添加。要实现这个功能可以使用键盘修饰符。对Name输入框的代码可以修改为：<label> Name:<input type="text" v-model="name" @keyup.enter="add&quo原创 2019-03-04 09:56:28 · 229 阅读 · 0 评论 -
【vue笔记】5.过滤器
vue允许在mustache插值和v-bind使用过滤器，用于对一些常见文本进行格式化。原创 2019-03-03 15:08:37 · 188 阅读 · 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 · 159 阅读 · 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 · 342 阅读 · 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 · 993 阅读 · 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 · 345 阅读 · 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 · 22270 阅读 · 3 评论