教程 – 第7页 – 蓝洛水深

网站

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-678e75eeaeb4e889694…

蓝洛水深

2023年3月14日

001.1K0

Python存储list到数据库，重新读取后无法正确识别为list错当str且无法转换的处理办法

如下图所示，有一个字段是list类型。读取时打印出来看起来就是list，但是打印类型却显示为str。通过类型转换如果通过类型转换，直接定义为list，则会拆解为一个有一个的字符串，显然是不行的。通过解析字符串为list

    str1 = 'abcde'
    str2 = 'a b c d   e'
    str3 = 'a, b, c, d, e'
    result1 = list(str1)
    result2 = str2.split()
    result3 = str3.split(', ')
    print(result1)
    print(result2)
    
    结果：
    ['a', 'b', 'c', 'd', 'e']
    ['a', 'b', 'c', 'd', 'e']
    ['a', 'b', 'c', 'd', 'e']

1

2

3

4

5

6

7

8

9

10

11

12

13

str1 = 'abcde'

str2 = 'a b c d e'

str3 = 'a, b, c, d, e'

result1 = list(str1)

result2 = str2.split()

result3 = str3.split(', ')

print(result1)

print(result2)

结果：

['a', 'b', 'c', 'd', 'e']

参照这样的方法，我们使用.split()后又发现一个问题。第一行…

蓝洛水深

2023年2月5日 • 软件

014090

详解Python字典循环遍历的几种情况只要value或只要key等情况的操作方法

一、只需要字典中的key 可以使用keys()函数直接实现代码示例：

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}
for key in person_dict.keys():
    print(key)

1

2

3

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}

for key in person_dict.keys():

print(key)

返回结果：二、遍历字典的value 可以使用values()函数直接实现代码示例：

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}
for value in person_dict.values():
    print(value)

1

2

3

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}

for value in person_dict.values():

print(value)

返回结果：三、返回字典的元素（键值对）可以使用items()函数…

蓝洛水深

2023年2月5日 • 软件

002080

网站

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

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

蓝洛水深

2023年1月13日

012.3K0

软件

VUE+Element-UI使用XLSX插件前端导出Excel时，日期、身份证号等信息不对的处理办法

如下图所示，导出时，本来日期处只显示年月，导出后被补全到时分秒。而身份证号码则也如上图所示，变成了科学计数。尝试增加样式网上很多朋友提供了这个方法，即在身份证所在单元格设置格式。

<td style="mso-number-format:'\@';">100821199909091234</td>

增加了  style="mso-number-format:'\@';"  样式后 可以解决 ，

1

2

3

增加了 style="mso-number-format:'\@';" 样式后可以解决，

但是我这里没办法在el-table-column中新增这个样式，故而没办法实现。给XLSX插件传入参数 [cr…

蓝洛水深

2022年12月28日

011.1K0

网站

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日

008380

网站

再谈Thinkphp6如何解决跨域请求

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

蓝洛水深

2022年12月11日

009420

通过Acme.sh申请Google SSL（含ECC）证书教程

登陆Google申请API 登录google账号后，点击链接：https://console.cloud.google.com/apis/library/publicca.googleapis.com?project=temporal-genius-1919810 启用Public Certificate Authority API 点击启用，启用成功后，点…

蓝洛水深

2022年11月9日 • 网站

008860