React不像Vue那样有router.beforeEach这样的路由钩子,但是它提供了一个组件:Prompt import { Prompt } from 'react-router-dom'; <Prompt when={true} message={location => '信息还没保存,确定 ...
分类:
其他好文 时间:
2020-06-29 13:25:25
阅读次数:
149
在Vue.js中实现一个列表无限下拉刷新功能,最好的实现方式应该是利用自定义指令,Vue除了核心功能默认内置的指令 (v-model 和 v-show),在仍然需要对普通 DOM 元素进行底层操时,推荐使用自定义指令。Vue指令为我们提供了以下几个钩子函数, const MyDirective = ...
分类:
其他好文 时间:
2020-06-28 18:05:29
阅读次数:
90
大致是这样的流程。代码实现 前端部分,没什么样式。只是单纯为了实现注册验证 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href= ...
分类:
其他好文 时间:
2020-06-28 12:56:33
阅读次数:
62
Vue构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例,在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等可以扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器 var MyComponent = Vue.e ...
分类:
其他好文 时间:
2020-06-27 18:38:31
阅读次数:
63
问题:多条for循环出的数据二级联动for循环出多条数据,每条数据都有一个二级联动,每次下拉一级联动,二级的选项都是变化的。 思考刚开始一直想不出如何实现二级联动下拉的数据动态变化,因为之前一直都是v-for="item in data",认为data必须写死,后来尝试着让data是一个函数,结果成 ...
分类:
其他好文 时间:
2020-06-27 16:06:45
阅读次数:
63
情境一:离开当前路由,会直接调用; 当前路由不使用 <keep-alive> 缓存,离开当前路由会直接调用 beforeDestroy 和 beforeDestroy 销毁 情景二:离开当前路由,不会直接调用,需要程序控制调用; 当前路由使用 <keep-alive> 缓存,离开当前路由不会直接调用 ...
分类:
其他好文 时间:
2020-06-24 14:27:21
阅读次数:
964
本节目录 一 Form介绍 二 Form常用字段和插件 三 From所有内置字段 四 字段校验 五 Hook钩子方法 六 进阶补充 七 ModelForm 八 xxx 一 Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起 ...
分类:
其他好文 时间:
2020-06-21 13:51:09
阅读次数:
42
Django Form 组件用于对页面进行初始化,生成 HTML 标签,此外还可以对用户提交对数据进行校验(显示错误信息)。报错信息显示顺序:先显示字段属性中的错误信息,然后再显示局部钩子的错误信息。若显示了字段属性的错误信息,就不会显示局部钩子的错误信息。若有全局钩子,则全局钩子是等所有的数据都校... ...
分类:
其他好文 时间:
2020-06-20 21:15:48
阅读次数:
57
准备工作 客户端vue框架 服务端drf框架 荏苒资讯项目[ubuntu系统] 1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的。 另外几个常见的工具库:react.js /angular.js/jQuer ...
分类:
其他好文 时间:
2020-06-19 20:46:56
阅读次数:
59
在钩子函数中这样写: mounted: function() { (async function(){ console.log(1) var a = await that.testFunc1() console.log(a) console.log(3) })(); }, methods: { te ...
分类:
其他好文 时间:
2020-06-18 19:01:56
阅读次数:
204