随笔分类 - 前端知识
摘要：> 在 Vue 中，"omit" 是一个常用的操作，用于过滤或省略属性。它主要用于组件开发中，用于传递属性给子组件时选择性地排除某些属性。 当你在 Vue 组件中使用 v-bind 或 : 语法来传递属性时，你可以使用 "omit" 来排除不需要的属性。例如，假设你有一个父组件传递属性给子组件的示例
阅读全文
摘要：#### Slice array elements Slice: To cut out a multiple items in range. It takes two parameters: starting and ending position It doesn't inclue the end
阅读全文
摘要：参考：https://blog.csdn.net/Amnesiac666/article/details/122060057 ~（波浪号）：A ~ B表示选择A标签后的所有B标签，但是A和B标签必须有相同的父元素。 ~（加号）加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素，且A和B必须拥
阅读全文
摘要：=> 要么 .abc, .xyz { margin-left:20px; width: 100px; height: 100px; } => 要么 a.abc, a.xyz { margin-left:20px; width: 100px; height: 100px; } => 要么 a { ma
阅读全文
摘要：业务效果图 核心代码 <template> <a-date-picker v-model='record.payTime' show-time autoclear placeholder='请选择付款时间' valueFormat='YYYY-MM-DD HH:mm:ss' /> </templat
阅读全文
摘要：参考： http://t.csdn.cn/g4aDZ 业务效果图 核心代码 <a-form-model-item label='付款详情' prop='rate'> <a-table :columns='current08Form.payColumns' :data-source='current0
阅读全文
摘要：<br><br>.title { position: relative; padding-left: 13px; margin: 24px 0px; } .title:before { content: ''; background-color: #3796EC; width: 4px; heigh
阅读全文
摘要：https://www.cnblogs.com/zhengzhijian/p/16859812.html
阅读全文
摘要：参考： https://blog.csdn.net/qq_37130872/article/details/128133646 useImages.js // 获取assets静态图片 export const getAssetsImge = (name) => { return new URL("
阅读全文
摘要：<a-input class="api-ant-input" allowClear placeholder="输入账号" v-model:value="userFilterParams.userName"/> <a-input class="api-ant-input" allowClear pla
阅读全文
摘要：在加载nmp时有时会很慢，是由于node安装插件是从国外服务器下载，受网络影响大，速度慢且可能出现异常，这时候就需要更换镜像，使插件的安装快捷，以便于我们项目的开发 查看npm镜像地址 npm get registry 如果镜像地址不是http://registry.npm.taobao.org/则
阅读全文
摘要：样式穿透 从浏览器中找到需要改动的组件父class，在CSS文件中通过::v-deep或/deep/进行样式改动 两种方式 外层容器 >>> 组件名（在less中使用) 外层容器 /deep/ 组件名 (在less中使用) <style lang='less' scoped> .box >>> .e
阅读全文
摘要：业务效果 // 直接放在style标签中 不要放在<style lang="scss" scoped>标签中 <style> .ant-table.ant-table-bordered .ant-table-title { background: #f3f3f3; } </style> 上述方式会导
阅读全文
摘要：业务效果 核心代码 <template> <a-layout class="layout"> <a-layout-header class="header" style="height: 50px"> <div class="wrapper content"> <span class="info">
阅读全文
摘要：给时间添加 am或pm // 'h' is an hour number const suffixAmPm = (h) => `{h < 12 ? 'am' : 'pm'}`; suffixAmPm(0); // '12am' suffixAmPm
阅读全文
摘要：参考：https://1loc.dev/ 将一个值转为数组的方法 const castArray = (value) => (Array.isArray(value) ? value : [value]); caseArray(1); // [1] 或直接使用Array.of(val)这个构造方法代
阅读全文
摘要：参考：http://t.csdn.cn/5700Y ?? - 空值合并操作符 结构：eg: let res = num01??num02; ?? 当左侧的变量为null或undefined的时，返回左侧num02否则返回自身num01(num01相当于null和undefined下兜底作用) let
阅读全文
摘要：nvm下载 安装包下载地址： https://github.com/coreybutler/nvm-windows/releases # 安装指定node版本 nvm install v14.15.0 # 运行指定node版本 nvm use v14.15.0 # 切换到最新的node版本 nvm
阅读全文
摘要：路由别名配置 - alias 配置路由重定向，当用户访问/a的时候，URL会被替换/b之后匹配实际路由/b 配置路由别名，/a的别名是/b，当用户访问/b的时候，URL会保持为/b，但路由匹配为/a，和用户访问/a一样 const routes: Array<RouteRecordRaw> = [
阅读全文
摘要：访问网页主域名的时候，识别用户身份跳转到不同的首页，配置路由重定向 const routes: Array<RouteRecordRaw> = [ // 访问主域名的时候，根据用户的登录信息，重定向到不同的页面 { path: "/", redirect: () => { // loginInfo是
阅读全文
