自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 模板驱动表单,ngFor遍历后,input框失焦以及值绑定问题处理

angular中form表单使用

2024-05-16 15:10:28 261

原创 CSS 给某字符串开头的类添加样式

通过CSS的属性选择器 选择元素[class^="van-icon van-icon-demo-icon-"] { background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px;}属性的判断条件需要参考最终的dom元素...

2020-04-25 20:56:22 1310

原创 ant design vue 表格 过滤

背景使用ant design vue 的table组件,不分页,通过输入框对table中的数据进行筛选。原始数据过滤后的数据解决方案export default { mounted() { this.fetch(); }, data() { return { title: "", data: [] }; }, co...

2020-04-15 22:20:14 4994

原创 antdesign + vue-cropper 控制封面图片的比例

效果图: 在弹出窗编辑图片,上传成功之后 弹出窗关闭,表单显示上传图片的缩略图ImageCropper<template> <div> <div> <div class="thumb-contaier"> <img style=" width: 150px; margin-ri...

2020-01-01 17:14:55 1054

原创 Vue 3.0 + axios + formdata图片上传formdata 为空

背景:项目中需要用到ImageCropper控制上传图片的比例。结果formdata一直为空。原始代码如下:let formData = new FormData();formData.append("file", data);let config = { headers: { "Content-Type": "multipart/form-data", "Access-Tok...

2019-12-29 04:54:04 4185 4

原创 vue-axios 全局配置

1.添加默认的请求头,包括登录验证和普通的请求验证。2.支持导出功能。3.get方法,请求参数做encodeURIComponent。4.response可根据约定好的code 跳转的指定页面(token过期后跳转到登录页面)5.根据返回结果的content-type判断接口返回是否为‘application/octet-stream’,实现文件下载api.js/**jshint e...

2019-11-25 23:02:28 727

原创 AngularJS--$watch用法 整理

angularJS 双向绑定原理AngularJS 在scope 上有一个监听队列($$watchers),只要使用了ng-* 指令或者{{…}}引用了scope上的变量,就会创建对应的监听器($watch),用于监听数据的变化并更新view。当浏览器接收到可以被 angular context 处理的事件时,$digest 循环就会触发。$digest 会遍历所有的 $watch。从而更新DO...

2019-08-27 19:37:32 566

原创 用CSS3写一个等待效果

思路先定义一个点的动画,此例子通过背景色从浅黑色到黑色的过渡效果+动画的延迟,模拟了等待的效果。这里的animation用的是简写,如果想要了解详细的api,建议参考W3C。CSS样式.waiting-item { display: inline-block; background-color: #00000036; height: 10px; ...

2019-08-07 23:27:52 464

原创 call与applay 整理

基本用法 function Cat() {} Cat.prototype = { food: "fish", say: function () { console.log("I love " + this.food); } }; var blackCat = new Cat(); /...

2018-11-30 10:59:53 1102

原创 AngularJS过滤器 filter 使用方式整理

Angualar 过滤器使用方式使用 “|” 管道符号,这个符号在angular中表示调用过滤器格式化数据。例如:{{exp | filtername : para1 : para2 : … paraN}}原生过滤器numbercurrencydateuppercase自定义过滤器...

2018-11-19 01:20:55 579

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除