vue3.0
林-
一直在学习,从来没放弃。
展开
-
vue3.0加ant design的table插槽用jsx语法
本人最近在做vue+ant design 3.0项目遇到了table插槽的问题在这里插入图片描述在这上面的#bodyCell和#expandedRowRender语法显然在jsx里面是不能使用的。废话不多说,直接上代码,本人也是翻了很久的资料才找到:用jsx语法写ant design插槽: <a-table columns={this.columns} dataSource={this.dataSource} pagination={false} v-slots={ {e原创 2022-03-31 18:31:15 · 4232 阅读 · 1 评论 -
vue3.0的computed用法
计算属性和生命周期onMounted一样,初始化就会执行一次(computed先执行),并且只用在依赖改变的时候触发,可以提升性能。注意(计算属性的依赖是指vue里面双向绑定的变量)1、computed计算属性的get方法这两种computed写法都可以,num改变的时候都是返回num.value的值。2.computed计算属性的set方法我们有时候希望计算属性改变之后,再去对原来的值或者某些值进行处理的时候,可以使用它内置的set方法,那我们如何触发set方法呢?当我们点击改变num的时候原创 2022-01-07 14:25:05 · 12815 阅读 · 2 评论 -
vue封装axios请求
vue封装axios请求在项目中单独使用axios是比较麻烦的,所以我们要对axios进行封装,方便我们能更好的去请求处理后端接口的数据。这里使用的是vue+ant design的提示框,可自行修改。代码:import {message, Modal} from 'ant-design-vue';//处理响应状态function checkErrorStatus(error) { if (!error || !error.response) { return;原创 2021-11-26 10:24:26 · 310 阅读 · 0 评论 -
vue3.0的watch监听,如何使用?
需要用到watch监听的,直接看文章了。1.监听一个ref的值,非常简单: const title = ref("") watch(title, (n, o) => { console.log("title改变了", n, o)})2.需要监听多个ref的值,写法多了点,逻辑是一样的。log出来的是一个数组,取对应下标就行。 const title = ref("") const age = ref(0) watch([title,age], (n, o) =>原创 2021-12-08 18:06:55 · 1127 阅读 · 0 评论