【Vue】vue通过class获取dom

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

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

【JavaScript】js获取父级元素

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

发表于：2024-05-11 浏览：253 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 浏览：274 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 浏览：301 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 浏览：330 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 浏览：279 TAG：

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

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

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

【Vue】Andt Pro Vue的使用（六） —— 描述列表a-descriptions设置label和content的样式

1、 a-descriptions设置label和content的样式在react组件中，可以直接设置labelStyle和contentStyle，来设置label和content的样式，但是在vue2的组件中，官方并没有给出响应的设置方法如下是我的订单详情页面label的宽度是自适应的，想要设置为固定的宽度，网上找了好多方法，都不生效直到遇到下面的方法https://blog.csdn.net/fifty_one/article/details/120219194 要使用/deep，

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

【Vue】Vue中字符串数组和对象常用方法介绍

在Vue中，数组和字符串是我们最常处理的数据类型。Vue提供了响应式系统，可以自动跟踪数组和对象的变化，并响应式地更新DOM。在Vue中，您可以像在任何JavaScript应用程序中一样操作这些数据类型。下面时整理的Vue中字符串 数组 以及对象的常用操作方法。一.数组方法1.增删改： unshift、push、splice、shift、pop、splice、slice 1.1.unshift：在数组的头部添加内容// 数组.unshift("添加的值")

发表于：2024-05-08 浏览：282 TAG：

【Vue】Vue刷新页面的7中方法总结

vue使用中经常会用到刷新当前页面，下面总结一下几种常用的刷新方法，供大家参考。1、 使用 location.reload() 方法进行页面刷新使用 location.reload() 方法可以简单地实现当前页面的刷新，这个方法会重新加载当前页面，类似于用户点击浏览器的刷新按钮。在 Vue 中，可以将该方法绑定到 Vue 实例上，比如在 Vue 的 methods 中添加如下的方法：methods: {   refresh() { &n

发表于：2024-05-07 浏览：412 TAG：