【React】react页面加载远程css和js

在React中，您可以使用componentDidMount生命周期方法来动态加载远程CSS和JavaScript文件。代码如下import React, { Component } from 'react';   class DynamicResources extends Component {   componentDidMount()&nbs

发表于：2024-05-15 浏览：275 TAG：

【Vue】Antd Pro Vue的使用（十二） —— 菜单选中高亮显示问题

Antd Pro Vue2这套框架的路由菜单有两个问题，1、页面迁移子页面，父页面对应的菜单未能选中高亮显示2、登录后默认的菜单或页面刷新后原来的菜单未选中高亮显示网上查到的一些菜单配置都是新版本的，老版本并不支持这些方法，这里总结一下我的解决方法，如果大家有更好的解决方案，欢迎交流。一、解决第一个问题以我的菜单为例商品列表是菜单页面，添加编辑商品是隐藏菜单，我把他们做成了兄弟菜单，而不是子菜单/src/config/router.config.js配置如下然后再/src/layouts/Bas

发表于：2024-05-14 浏览：278 TAG：

【Vue】vue中的$set的作用

$set 的作用是响应式地设置对象或数组的属性，确保更改被 vue.js 追踪和更新，从而触发视图重新渲染。其用法包括：vue.set(target, key, value)，适用于直接赋值不起作用、添加或删除对象或数组属性的情况。Vue.js 中 $set 的作用$set 是 Vue.js 中一个用于响应式地设置对象或数组属性的函数。它的主要作用是确保对对象或数组的更改能够被 Vue.js 追踪和更新，从而触发视图的重新渲染。如何使用 $set$set 函数有以下用法：Vue.set(targ

发表于：2024-05-13 浏览：257 TAG：

【Vue】vue通过class获取dom

其实就是操作 html 中的标签的一些能力　　我们可以操作哪些内容　　获取一个元素　　移除一个元素　　创建一个元素　　向页面里面添加一个元素　　给元素绑定一些事件　　获取元素的属性给元素添加一些 css 样式　　...　　DOM 的核心对象就是 docuemnt 对象　　document 对象是浏览器内置的一个对象，里面存储着专门用来操作元素的各种方法　　DOM： 页面中的标签，我们通过 js 获取到以后，就把这个对象叫做 DOM 对象获取一个元素通过 js 代码来获取页面中的标签获取到以后我们

发表于：2024-05-12 浏览：297 TAG：

【JavaScript】js获取父级元素

在JavaScript中，我们可以使用以下方法来获取元素的父级：  1、 使用parentNode属性：可以通过访问元素的parentNode属性来获取其直接父级元素。例如：var element = document.getElementById('myElement'); var parentElement = element.parentNode;2、 使用parentElement属性：与pa

发表于：2024-05-11 浏览：262 TAG：

【Vue】Antd Pro Vue的使用（十一） —— 富文本编辑器wangeditor的使用(避坑)

我承认，antd pro vue2是免费的，已经是老版本了，有多老呢，自带的wangeditor竟然是V3.1.1版本的，两年前无用wangeditor的时候已经是V5版本了，V3简直是上古的东西，官网都没有找到V3版本的资料。。。。，好在最后还是找到了一份V3版本的资料，要不然又要花时间去用新版本了。wangeditor V3参考资料：https://www.kancloud.cn/wangfupeng/wangeditor3/335782下面是框架组件的配置：问题出现的原因：做商品详情的时候

发表于：2024-05-10 浏览：284 TAG：

【Vue】Antd Pro Vue的使用（十） —— a-form表单赋值

在Ant Design Pro Vue中，为表单赋值通常涉及到两个方面：一是使用v-model进行双向绑定，二是直接通过this.form.setFieldsValue()方法设置表单字段的值。以下是一个简单的例子，展示如何为Ant Design Pro Vue中的表单赋值：首先，确保你已经在组件中引入了a-form-model和相关的表单字段组件比如a-form-model-item和a-input。在data函数中定义一个form对象，它包含了你想要绑定的表单字段。使用v-model指令将输

发表于：2024-05-10 浏览：310 TAG：

【Vue】Antd Pro Vue的使用（九） —— 抽屉a-drawer的操作按钮设置

在antd pro vue2中，a-drawer默认是没有操作按钮的，只有右上角的关闭'X'号，需要自己配置提交和取消按钮提交方法对应@submit方法，取消方法对应@close方法（a-model对应的取消方法是@cancel），都是父页面传过来的方法<a-drawer     :title="model ? '编辑类型' : '新建类型'"

发表于：2024-05-10 浏览：339 TAG：

【Vue】Antd Pro Vue的使用（八） —— 表单组件的常用配置

1、清除配置allow-clear在ant design react组件中，表单组件默认都有清除按钮（输入框右侧的小黑叉号），在vue组件中需要自己配置，即给组件加上allow-clear属性并且所有组件都支持这个属性，a-input、a-select、a-textarea、a-date-picker等都支持<a-form-item label="用户名">     <a-input   

发表于：2024-05-10 浏览：288 TAG：

【Vue】Antd Pro Vue的使用（七） —— 年份选择组件配置

ant design vue组件中没有现成的年份组件可使用，不过可通过配置来实现年份选择。先看实现效果：关闭效果：展开效果：配置如下：<a-date-picker     mode="year"     format="YYYY"     :style="{width: '256px'}&quot

发表于：2024-05-09 浏览：288 TAG：