下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 45 | 自己封装一个支持自动校验的表单项
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10501
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(11)

  • 2019-05-11
    老师,能不能讲讲ant的那个自动生成骨架屏的,感谢
    6
  • 2019-05-16
    这几节课怎么听着那么吃力呢,有一样的么。。。

    作者回复: 表单是组件库最复杂的地方,主要还是多用几次,多接触一些场景,就会清晰很多了

    1
  • 2019-11-29
    老师请问下,一个表单,有很非常多个 input,导致输入反应非常慢,这个要怎么处理呢?
  • 2019-11-13
    如何收集表单提交的所有内容,转换成指定的json格式?换句话说vue有专门的内容转换器么?举个例子吧,Elasticsearch的api要求给后台发请求需要指定格式的json,我写了一个表单,收集了数据后,需要转成这样的格式。vue有这种插件或者组件支持么?

    作者回复: 格式要自己转

  • 2019-07-10
    老师,那个官方的table点击新建会弹出一个form表单,那个怎么实现,官方的ant design pro似乎不是基于课程的逻辑写的
  • 2019-06-25
    哪位大佬能给我讲讲分步表单中step1和step2中的
    $store.commit({
          type: "form/saveStepFormData",
          payload: values
    });

    $store.dispatch({
          type: "form/submitStepForm",
          payload: { ...step, ...values }
     });
    type作用是什么,有什么作用,谢谢
    展开
    2
  • 2019-06-21
    由于pc端的兼容问题,在css中利用calc计算值是否有问题

    作者回复: 有的 低版本ie有兼容性问题

  • 2019-06-14
    For a guide and recipes on how to configure / customize this project,
    check out the vue-cli documentation.

    Installed CLI Plugins
    babeleslintunit-jest
    Essential Links
    Core DocsForumCommunity ChatTwitterNews
    Ecosystem
    vue-routervuexvue-devtoolsvue-loaderawesome-vue

    这是啥问题
    展开
  • 2019-05-28
    老师,我在receiverAccount.vue中这样写,我感觉不需要用watch监听父组件传过来的value了,对吗?
    data(){
           //const { type, number } = this.value || { };
            return {
                type: this.value.type || 'alipay',
                number: this.value.number || ''
            }

    展开
  • 2019-05-27
    我的ReceiverAccount自定义组件已经跟官网示例的那个自定义组件代码几乎一样了,除了官网是用template定义的子组件,我这边是vue单文件,为什么我这边还是有warning提示?请问我如何修改好?
  • 2019-05-26
    老师这节课我加了receiverAccont组件后,控制台Warning: `getFieldDecorator` will override `value`, so please don't set `value and v-model` directly and use `setFieldsValue` to set it.
    什么问题请解答?

    作者回复: 使用了 v-decorator 就不能用 value或v-model 视频中有提到过