longkui - 博客园

2022年2月2日

nz-table中设置nzWidth遇到的问题

摘要：原文链接：这里 0.背景本文组件：Ant Design of Angular 7.5.x 有一个比较长的报表需要展示，大概是下面这个样子，表头包含多行。一开始看，觉得并不难，10分钟把表头构建出来了。如下：然后问题来了。问题1：没有数据的情况下，表头不能滑动。然后加上数据试下效果：结果更差阅读全文

posted @ 2022-02-02 18:05 longkui 阅读(455) 评论(0) 推荐(0)

If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as ‘standalone’ in ngModelOptions.

摘要：原文链接：这里 0.背景 angular项目，用的NG-ZORRO 一个简单的表单提交页面，本来不想用form，直接写的row和col。但是页面太丑了，加上form吧，开始报错（其实就是不熟练）。 1.报错原因及解决方法我的当时的非主流代码如下： <form nz-form> <nz-row> < 阅读全文

posted @ 2022-02-02 16:18 longkui 阅读(200) 评论(0) 推荐(0)

nz-upload组件上传文件，如何限制文件类型、文件大小等

摘要：原文链接：这里 0.前言项目前端使用的组件是Ant Design。最近正好调试项目看到使用nz-uoload进行文件上传。但是要求限制文件上传的类型。这篇文章简单记录一下过程。前台用的angular+Ant Design for Angular 1.HTML文件 <nz-upload [(nzF 阅读全文

posted @ 2022-02-02 15:17 longkui 阅读(1147) 评论(0) 推荐(0)

vue(vue.js)中的键盘事件

摘要：原文链接：这里 0.前言前面一篇文章中，主要介绍了vue中click事件。这篇文章中，简单介绍下vue中的键盘事件。 1.键盘事件(基础) 常见的键盘事件有keyup和keydown。keydown意为按下按键触发，keyup意为抬起按键触发。实现简单功能：当用户按下回车按键时，触发一个事件。阅读全文

posted @ 2022-02-02 15:17 longkui 阅读(1081) 评论(0) 推荐(0)

angular中的路由详解(1)—默认路由的用法

摘要：原文链接：这里 0.前言前一段时间折腾angular的路由折腾的够呛，这篇文章简单介绍一下自己的理解及用法。 1.路由的功能及原理一开始并不理解路由的存在，因为学习html的时候，访问模式是下面这样子：也就是网址会直接访问到我们的页面。那这样有不好吗？或者说有什么问题吗？一个小demo确实没阅读全文

posted @ 2022-02-02 15:16 longkui 阅读(304) 评论(0) 推荐(0)

vue(vue.js)中的click事件及常见的事件修饰符

摘要：原文链接：这里 0.前言需求：用户点击按钮，现实浏览器弹窗。 1.基础写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e 阅读全文

posted @ 2022-02-02 15:12 longkui 阅读(4572) 评论(0) 推荐(0)

vue中的数据绑定

摘要：原文链接：这里 0.前言 vue中的数据绑定分为单向数据绑定和双向数据绑定。单向数据绑定指的是data中的数据可以改变页面的数据，而页面数据的改变不能影响data中的数据。双向数据绑定指的是可以互相影响。 1.单向数据绑定 <!DOCTYPE html> <html lang="en"> <he 阅读全文

posted @ 2022-02-02 15:11 longkui 阅读(439) 评论(0) 推荐(0)

vue中的循环语法(v-for)

摘要：原文链接：这里 0.前言前面的文章中介绍的vue.js的v-if和v-show的简单用法，这篇文章中简单介绍下vue中循环语法。 1.基础用法参考代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ht 阅读全文

posted @ 2022-02-02 15:10 longkui 阅读(399) 评论(0) 推荐(0)

vue中的v-if语法和v-show语法

摘要：原文链接：这里 0.前言前面文章中介绍了vue中的模板语法，这篇文章中介绍一下vue中的if的用法。 1.基础用法基础用法代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=" 阅读全文

posted @ 2022-02-02 15:09 longkui 阅读(525) 评论(0) 推荐(0)

nginx配置前端网站

摘要：原文链接：这里 0.前言上面一篇文章中，简单介绍了windows下下载安装nginx。这篇文章继续介绍下nginx下配置前端网站等。 1.配置文件 nginx的配置文件在下面的目录下：打开后，默认配置如下： #user nobody; worker_processes 1; #error_log 阅读全文

posted @ 2022-02-02 15:08 longkui 阅读(845) 评论(0) 推荐(0)

导航

公告