DevOps海洋的渔夫

上一篇章Vue 使用 vue-resource发起get、post、jsonp请求的基本用法讲诉了请求的基本使用方法，但是并没有详细讲诉关于jsonp的回调过程。 jsonp可以跨域请求数据，它的原理主要是利用了<script>标签可以跨域链接资源的特性。 首先抛开jsonp请…

Vue 可以使用 vue-resource 发起get、post、jsonp请求，还可以使用 axios的第三方包实现实现数据的请求。 本章节来介绍如何使用vue-resource，使用flask框架编写后端业务处理get、post、jsonp请求。 访问 https://cd…

3.1 beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。 3.2 destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 我们暂时看了这个生命周期图示之后，先不要着急…

可以看到上面的输入框在刷新页面并没有进行自动聚焦，那么这时候可以使用自定义一个focus()方法来处理。 这些都可以基于Vue的自定义指令来实现。 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复…

在业务开发中，例如：用户登录添加用户名和密码之后，按下回车键完成登录，这个操作就需要绑定按键的keyup事件，并且还要使用按键修饰符来指定按下的键盘按钮。 下面来看看另一个需求来逐步认识一下按钮修饰符。 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在…

下面使用padStart()方法来处理一下。

在上一篇中基本讲诉了Vue过滤器的基本使用，那么在后台管理系统的业务中，使用最多的一个过滤器就是时间格式的转化，下面来看看，如何处理。 可以看到已经格式化好了年月日了，下一步就是格式化时分秒，但是上面有一个可以优化的地方。 那么上面应该要有这两个参数的传入，来控制到底需要显示为…

注册或获取全局过滤器。 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 当全局过滤器和…

前面介绍了列表操作中的数据新增、删除的功能，本篇章来看看关键字查询的功能。 在VM实例中定义关键字参数searchName. 要在筛选框绑定关键字数据到 VM 实例中的 searchName 属性，后续用来基于这个searchName来过滤数组数据。 在VM实例的methods…