【Vue】vue中哪些属性可以写异步方法

vue 中可以利用 methods 和 computed 属性定义异步方法。methods: 1. 定义异步方法，使用 async/await 处理异步请求。2. 返回一个 promise 对象。computed: 1. 定义异步计算属性，使用 async/await 处理异步请求。2. 返回派生数据的 promise 对象。Vue 中支持异步方法的属性在 Vue 中，可以使用 methods 和 computed 属性来定义异步方法。methodsmethods 属性中定义的方法可以包含异步操

发表于：2024-05-16 浏览：217 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：

【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：

【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 浏览：393 TAG：