【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 浏览：273 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 浏览：329 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 浏览：278 TAG：

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

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

发表于：2024-05-09 浏览：277 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 浏览：381 TAG：

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

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

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

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

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

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

【Vue】Antd Pro Vue的使用（五）—— 多文件上传回显问题

需求： 多文件上传 ，上传的时候绑定fileList回显问题： 上传成功了，也拿到了后台返回的数据，但是onchang监听的时候，file的状态一直是uploading原因：onchange 只触发了一次解决： 使用单文件上传时@change事件会至少触发两次，一次file.status=uploading，最后一次要么是done或者error，handleUpload1(info) {       if (info

发表于：2024-05-06 浏览：341 TAG：

【Vue】Vue中如何使用v-for指令循环输出对象

在vue中，v-for是一种指令，在模板中使用它可以对数组或对象进行循环操作。v-for指令用于循环渲染数据，它是vue中非常有用的指令之一。在vue中，使用v-for指令循环输出对象的方式和循环输出数组的方式类似，只需要稍作区别即可。如何使用v-for指令循环输出对象呢？下面我们将分以下几个部分进行讲解。一、v-for指令的基本使用v-for指令的基本语法如下：<div v-for="(item,index) in items">{

发表于：2024-04-30 浏览：370 TAG：