有衡-CSDN博客

在之前的版本中一般使用类组件this.setState修改数据更新视图，在最新的版本中，react推荐使用函数组件，函数组件里面是没有this的，所以需要使用Hookimport { Button } from "antd"import { useState } from "react"export default function Role() { const [list, setList] = useState([ { id: 1,

2022-03-29 14:43:34 4712

原创 docker 配置php+nginx+mysql+redis+phpmyadmin环境(多个站点)

使用docker配置环境下载镜像docker pull php:7.4-fpm-alpinedocker pull nginx:alpinedocker pull mysql:5.7docker pull redis:alpine创建一个bridge模式的networkdocker network create test启动容器# -d 后台运行 # -p 端口映射 # --name 设置容器名 # --network 设置网段 # -v 持久化存储# MYSQL_RO

2022-02-16 17:27:55 2213

原创 linux7.6 yum安装配置nmp环境并添加站点

安装nginx# 安装yum install -y nginx# 设置开机自启systemctl enable nginx# 启动nginxsystemctl start nginx# 查看状态systemctl status nginx# 查看安装目录rpm -ql nginx# 查看进程ps aux|grep nginxnginx的主要配置文件：nginx.conf当前演示nginx配置文件目录：/etc/nginx/安装mysql# 安装mysqlyum

2022-02-11 12:13:43 2437

原创 vue3 +vite 动态菜单和路由懒加载

当前项目是根据vue-element-admin使用vue3重构的后台管理系统从后台获取动态菜单并且路由懒加载后台返回的数据结构 "code": 0, "msg": "成功", "data": [ { "path": "/administrator", "meta": { "title": "后台管理", "icon": "icon-a-zu4", "roles": [ "admin"

2022-01-14 14:59:26 4462 5

原创 topthink/think-orm 操作数据库自增或者自减

$num = 1//自增$result = Db::name('user')->where('name',$name)->inc('num',$num)->update()//自减$result = Db::name('user')->where('name',$name)->dec('num',$num)->update()

2022-01-03 14:34:05 663

原创 element-plus刷新后菜单不选中不高亮的问题

在使用element-plus的el-menu组件时发现刷新页面后，菜单不会默认选中也不会高亮。很多答案都没有说明真正的原因在哪里，代码又多看起来颇为费力，实际上只要设置el-menu组件的default-active属性<template> <el-menu :unique-opened="true" :collapse-transition="true" :default-active="defaultMenu" class="el-menu-

2022-01-02 19:19:39 3362

原创 Element Plus 团队正在将原有组件内的 Font Icon 向 SVG Icon 迁移，请多多留意更新日志, 及时获取到更新信息，Font Icon 将会在第一个正式发布被废弃，请尽快迁移。

Element Plus将Font Icon废弃了以后只能使用Svg Icon中<el-icon><Setting /></el-icon>这种写法但是在渲染菜单时该怎么解决这个问题可以使用动态组件渲染菜单<component is='setting' class="icon-type" /><script>import { defineComponent } from 'vue'import { Setting } from '@

2021-11-08 15:13:41 293

原创 Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, got String with value “tr

这个警告倒是没有影响什么，只是看着不舒服，还是想改过来//原代码<el-menu unique-opened="true"></el-emnu>//修改后<el-menu :unique-opened="true"></el-emnu>

2021-11-08 14:39:56 534 1

原创 vue3.x 使用 globalProperties 全局变量

Vue3.x 用 Composition API 中是没有this的，所以不能直接使用 this 调用 globalProperties 全局变量Composition API 使用方法：// main.jsimport { createApp } from 'vue'import App from './App.vue'import storage from './plugins/storage'const app = createApp(App);app.config.globalPro

2021-10-29 17:48:13 2656

原创 vue引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\

查看官网文档得知css的引入路径改了import 'element-plus/lib/theme-chalk/index.css'改成了以下路径import 'element-plus/dist/index.css'

2021-10-28 10:31:08 10437

原创 vite 创建vue项目使用 scss

安装以下依赖就可以使用scss了npm install sass -Dnpm install scss -D不需要安装sass-loader和node-sass

2021-10-27 16:12:39 1678 4

原创在setup里面跳转页面

在Composition API中不能直接使用this.$router使用路由，需要先import引入vue-routerimport { useRouter } from 'vue-router'export default { name: 'App', setup () { router.push({ path: '/login' }) }}

2021-10-19 10:42:24 926

原创 tp5.1中使用join left时的左表的关联对象不唯一

在tp5.1使用join left时的左表的关联对象不唯一时就回出现1:n的情况，这样join left的后的结果，记录数量会多于右表的数量解决办法：这种情况需要保证左表符合条件的记录是空或者是唯一的，可以通过group来实现！$result = Db::table('user') ->alias('t1') ->join('log t2','t1.user_id=t2.uid','left') ->group('uid') //->order('uid desc')

2021-03-19 16:09:42 1296

原创在H5中使用vant中的ImagePreview组件报错

因为不是脚手架安装的vantUI，用法有些不同，有些组件需要在前面加vantImagePreview的用法：vant.ImagePreview(['https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2853553659,1775735885&fm=26&gp=0.jpg']);

2020-12-29 15:12:28 1507

原创 layuiAdmin的iframe版使用下拉框回显数据

因为文档中没有明确介绍要怎么做，然后自己也没有反应过来导致一个这么小的问题卡了这么久真相令人哭泣, success: function (layero, index) { //编辑数据回显 var body = layer.getChildFrame('body', index); body.contents().find("select[name='id']").val(data.id); //下拉框的数据回显}...

2020-12-29 15:12:12 432 1

原创查看当前宝塔面板的登录地址和默认账号密码

查看当前面板的登录地址和账号密码bt default

2020-12-29 15:11:55 21813

原创 Vue根据点击不同的文字改变图片

Vue根据点击不同的文字替换图片html代码<div class="SKU-title-img"> <img :src="imgUrl" class="title-...

2020-12-29 15:11:35 1475

原创 vue点击切换样式

Vue点击切换样式html代码<div class="color-name"> <span :class="activeColor == colorIndex ? 'active':''" v-for="(color,colorIndex) in SKUList.color" :key="colorIndex" @click="colorImg(col...

2020-12-29 15:11:15 2157

原创设置css优先级最高

只要加上!important就行.active { background-color: #fff8fa; color: #ea530b; border: 1px solid #ccc !important; }

2020-12-29 15:10:59 3798

原创小程序image图片变形

有次写商城，发现图片总是会变形，找了很久都不知道是什么问题后来发现小程序的image标签是有默认的宽高的<image> 组件默认宽度 300px、高度 225px；小程序的image标签是有mode模式的，图片缩放模式这个模式有缩放模式，有裁剪模式，具体可以看文档我这里的话就是没有去掉图片的默认宽高<image src="" mode="widthFix">&...

2020-12-29 15:10:28 2079

原创弹性布局 justify-content:space-between 不起作用

如果justify-content:space-between;不起作用有可能是因为没有设置with设置了with就可以了

2020-12-29 15:10:05 15822 5

原创设置css阴影和取消css阴影

之前用mui布局样式，但是一直都会有这个阴影，在浏览器调试也调试没用这是设置阴影 /* 长宽模糊度颜色*/box-shadow: 0 1px 6px #ccc; 取消的话直接设置为0就行了，不建议直接去mui.css里面删掉，如果改掉mui里面的样式全部的样式都会变这是取消阴影 /* 长宽模糊度颜色*/box-shadow: 0 0px 0px #ccc;...

2020-12-29 15:09:44 11463

原创 jquery点击事件不生效的问题

在同时使用vue.js和jquery.js的过程中，发现jquery的点击事件在有些地方不生效没有任何反应，反反复复看代码并没有什么异常也没有报错，后来发现是父级div使用了v-if='state'，加载页面时state为false，后来点击切换为true后来把父级div的v-if显示隐藏使用jquery来操作，点击事件可以生效$('#state').show(); //显示$("#state").hide(); //隐藏...

2020-12-29 15:09:11 3007

phpSpreadsheet.zip

空空如也