网站 – 第3页 – 蓝洛水深

网站

Vue中路由router传参三种方式详解

Vue中路由router传参有三种方式，分别是： params传参路由属性配置传参 query传参其中，1和2是需要有对应的接收，否则会发现虽然传了，但是没办法接收。比如

{
      path: 'edit/:id',
      name: 'schoolStudentsEdit',
      component: () => import('@/views/school/students/detail.vue'),
      meta: {
        title: '编辑',
        sidebar: false,
        activeMenu: '/school/students',
      },
    }

1

2

3

4

5

6

7

8

9

10

{

path: 'edit/:id',

name: 'schoolStudentsEdit',

component: () => import('@/views/school/students/detail.vue'),

meta: {

title: '编辑',

sidebar: false,

activeMenu: '/school/students',

},

}

必须要接收id才行。以下是详解这三种方式的区别。一、params传参 [crayon-684be868bf19b234…

蓝洛水深

2023年5月21日

001030

系统

什么是URL安全的Base64编码？构建URL安全的Base64编码教程

Base64编码是一种使用及开发过程中非常常见的一种编码方式，主要原理是通过转换为二进制，分组排序等操作后，再转换为十进制并根据转码表将数据转换为对应字符，如下图所示： Base64编码后的 =、/、+ 等字符不利于 url 中的查询参数、数据库保存时的转义等，所以在实际应用的场景中又产生了一种几乎等价的编码方案Base64URL，即URL安全的Base64…

蓝洛水深

2023年5月16日

003120

网站

『2023版』详解PHP通过Excel模板导出Excel

网上其实有很多教程，但这些教程很多都差强人意，这里并非恶意贬低或者诋毁他人，只是客观的陈述。比如这篇相对来说已经写的算是很不错：https://blog.csdn.net/u013224364/article/details/125786382 然而通篇没有告诉你怎么安装什么扩展，自己嘻嘻哈哈了半天，读者是一头雾水。诚然，如果有做过类似项目的自然能从代码…

蓝洛水深

2023年5月8日

049840

网站

再谈Element Plus改变Table选中行背景颜色的简单方法

此前已经用非常简单的方式进行了样式干预实现全局表格选中行的高亮颜色调整，其实还可以进行非常多的操作实现这一目的，下面再分享一种。修改CSS 按如下路径找到table选中行背景色的CSS文件。

node modules > element-plus > theme-chalk >  eltable.css >  el-table

1	node modules > element-plus > theme-chalk > eltable.css > el-table

找到这一句：

--el-table-current-row-bg-color:var(--el-color-primary-light-9);

1	--el-table-current-row-bg-color:var(--el-color-primary-light-9);

可以看到，这里定义了选中行高…

蓝洛水深

2023年4月26日

001.2K0

网站

Element Plus改变Table选中行背景颜色的最简单方法

无论是Element Plus官方还是网络上，其实都给了很多方法，但是实践下来发现不一定能成功，并且具有一定的复杂性，这里分享一种非常简单的方法。比如我们要修改Table选中行背景颜色，只需要再App.vue进行简单修改即可。在onMounted中对颜色进行定义即可全局生效。

onMounted(() => {
    document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

    window.onresize = () => {
        settingsStore.setMode(document.documentElement.clientWidth)
    }
    window.onresize()
})


只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

1

2

3

4

5

6

7

8

9

10

11

12

13

onMounted(() => {

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

window.onresize = () => {

settingsStore.setMode(document.documentElement.clientWidth)

}

window.onresize()

})

只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

至于颜色，这里提…

蓝洛水深

2023年4月25日

001.1K0

2023年再荐7款优秀的前端框架

在开发过程中，无论是专注于前端也好后端也罢，其实都会需要了解和使用前端框架。什么是前端框架？前端UI框架是一种基于HTML、CSS、JavaScript等前端技术的开发工具集，提供了一系列的UI组件、样式、布局等基础功能，使得前端开发人员可以更加高效地开发出具有良好用户体验的Web应用。我们为什么需要前端框架？前端UI框架可以大大减少前端开发人员的工…

蓝洛水深

2023年4月12日 • 网站

001.6K0

网站

如何给Tinymce-vue自定义图片上传接口，images_upload_handler示例

在初始的Tinymce-vue中，图片是通过转换为base64的方式进行呈现，但是这种方式在写入数据库的时候，非常不友好，把图片放数据库，下一步就是把视频和压缩包放进去了。

images_upload_handler: blobInfo => new Promise(resolve => {
    const img = `data:image/jpeg;base64,${blobInfo.base64()}`
    resolve(img)
})

1

2

3

4

images_upload_handler: blobInfo => new Promise(resolve => {

const img = `data:image/jpeg;base64,${blobInfo.base64()}`

resolve(img)

})

所以，我们需要修改成以URL的形式上传到后端，代码非常简洁，可以参考。[crayon-684be868c0738190483…

蓝洛水深

2023年3月14日

001.1K0

网站

Vue+Element Plus 表单数据不显示或显示不全的问题解决记录

在处理这个问题的时候，我一度开始怀疑是不是自己一直以来的赋值方法错了，为什么安卓和PC都能正常显示表单数据，而IOS则不行。如下图所示，IOS端表单中的所有字段都是空的，没有内容。而安卓端和电脑端，则正常。处理过程一、是否真的有值首先想到的是，IOS是否因为某种原因，没有获取到值，在数据接口处打印获取的数据：[crayon-684be868c094…

蓝洛水深

2023年1月13日

012.3K0

网站

Thinkphp6中，调用静态方法select返回空合集，怎么判断为空

相信升级了TP6的朋友应该有注意到了，原来静态方法检索数据，如果返回为空，可以直接判断。或者可以用if($list)来判断，但是在Thinkphp6中，返回的却是：

think\model\Collection {#108
  #items: []
}

1

2

3

think\model\Collection {#108

#items: []

}

如果还用if($list)来判断是否为空的话，显然是不可行的。怎么判断所以，在Thinkphp6中，要判断静态方法select…

蓝洛水深

2022年12月22日

008470

网站

再谈Thinkphp6如何解决跨域请求

此前已经讲过两次关于跨域的问题。 VUE前后端分离时，本地小皮面板400等错误解决 VUE和Thinkphp6做前后端分离时，跨域请求怎么设置？Access-Control-Allow-Origin设置教程但是近期进行复核是发现，如果每次请求都要进行跨域预请求的话，可能最终还是会导致无法请求到资源。以Thinkphp6为例，在开启路由中间件的前提下，需要…

蓝洛水深

2022年12月11日

009450