- 博客(11)
- 收藏
- 关注
原创 el-form表单校验
1、局部校验填写时校验在<el-form>标签中使用:rules="rules"rules是表单验证规则,为object对象。rules: { payMode: [//el-form-item标签中的prop { required: true, message: "请选择支付方式", trigger: "change" } ], allongeQuantity: [ { re...
2022-03-31 10:10:47
3416
原创 :visible.sync弹框显示隐藏
:visible指的是属性绑定,表示弹框的显示隐藏,当:visible的值为ture的时候,弹框显示,当为false的时候,弹框隐藏,后面的.sync是什么意思呢,指的就是同步动态双向的来表示visible的值,当我们关闭窗口的时候,这个弹框隐藏了,visible的值发生了变化,但是关闭窗口这个动作,我们没法用确定的动作去判断这个值,所以用到了vue中的双向绑定的原则,在vue中统一加上了.sync来表示同步的修改了visible的值。例如<el-dialog>标签...
2022-03-30 17:10:25
2513
原创 div选中样式
div点击时:focus等无法实现选中样式,可以使用动态class实现html部分:@click="handleView($event)" CSS部分:.active{ color: #fff; border-right:3px solid; background-color: #f0c195;}method部分:methods:{ handleView: function (e) { let currentCli
2022-03-29 17:35:44
1314
原创 el-cascader-panel级联面板
1、菜单收起 鼠标离开面板收起.el-cascader-panel.is-bordered { border: 0; &:hover { .el-scrollbar.el-cascader-menu:nth-child(2), .el-scrollbar.el-cascader-menu:nth-child(3) { display: inline; } } .el-scrollbar.el-...
2022-03-29 14:58:01
3688
1
原创 ES6学习笔记
#Node.js是运行在服务端的 JavaScript,它对 ES6 的支持度更高。Node 已经实现的 ES6 特性。#webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler) 。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph) ,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle 。webpack 主要有四个核心概念:入口 (entry
2022-01-07 17:36:23
150
原创 手动搭建一个vue项目
一、创建一个空的文件夹appnpm init命令帮助我们快速初始化 package.json 文件pakege.json定义了这个项目所需要的各种模块:name和version定义项目的名称和项目的版本号;dependencies属性指定了项目运行所依赖的模块;license属性是表述你项目发布遵循什么样的规则,用户拥有那些权限;author 属性指明了项目的发布者;scripts指定了运行脚本命令的npm命令行缩写二、执行npm i –save vue安装vue生成no...
2022-01-07 15:49:06
1052
原创 vue中&&和||的用法
&& 表示为真时 执行|| 表示为假时 执行date{ autoAdd : false, doJob: false}methods:{ xxx(){ // 1.如果autoAdd 为 true真时,则将doJob 设置为true this.autoAdd && (this.doJob= true); // 2.如果autoAdd 为 false假时,则将doJob 设置为true this.autoAdd ||
2022-01-05 09:50:51
9325
原创 样式属性前面带下划线_、星号*
下划线_:想让在IE6下显示的和其他版本的IE中显示一样,需要特别为IE6写CSS代码,带下划线的就只有IE6能认识,所以只有IE6会按它后面的CSS设置处理。加_后,只有IE6可以识别,这些属性都是用来修正IE6显示内容的。星号*:这是一个Internet Explorer黑客攻击。如果在属性名称之前添加非字母数字字符(如星号(*)),则该属性将应用于IE7及更低版本,但不会应用于其他浏览器。...
2022-01-04 16:09:43
424
原创 less中的函数
#逻辑函数(if(condition),value1,value2);if(not (true), foo, bar);if((true) and (2 > 1), foo, bar);if((false) or (isstring("boo!")), foo, bar);boolean()可以存储一个布尔值@bg: black;@bg-light: boolean(luma(@bg) > 50%);div { background: @bg; color:
2022-01-04 14:26:50
1425
原创 less学习笔记
#变量控制值相同的值重复出现多次,用变量从单个位置去控制这个值,易于维护代码。控制选择器名称、属性名称、URL 和@import语句//选择器@my-selector: banner;.@{my-selector} { font-weight: bold; line-height: 40px; margin: 0 auto;}//属性名称@property: color;.widget { @{property}: #0ee; background-@{prop
2021-12-29 18:23:25
940
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人