![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
文章平均质量分 50
小马大咖
作为学习平台记录知识
展开
-
vue3中ref的使用
ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听。原创 2023-04-16 18:14:45 · 974 阅读 · 1 评论 -
Vue3 element-ui el-upload(上传组件) 上传图片后,隐藏上传按钮
这个是上传成功后触发,没成功不触发,如果没后台,只是想测试,可以换成。,这个是状态修改后就触发。原创 2022-11-27 16:55:39 · 1719 阅读 · 0 评论 -
vue3的setup的使用和原理解析
最近在做vue3相关的项目,用到了组合式api,对于vue3的语法的改进也是大为赞赏,用起来十分方便。1.解决了vue2的data和methods方法相距太远,无法组件之间复用2.提供了script标签引入共同业务逻辑的代码块,顺序执行3.script变成setup函数,默认暴露给模版4.组件直接挂载,无需注册5.自定义的指令也可以在模版中自动获得6.this不再是这个活跃实例的引用。原创 2023-04-01 08:50:46 · 368 阅读 · 0 评论 -
Vue3 props用法
【代码】Vue3 props用法。原创 2022-11-06 19:40:58 · 1696 阅读 · 0 评论 -
Vue3 项目防止按钮重复点击(重复请求接口)
1.保存提交按钮不小心点击了多次。2.由于网络服务器卡等原因点击事件没有及时响应又点击了一次,造成数据的重复提交和保存,数据的异常。3.resize、,输入框内容校验等频繁操作。原创 2022-11-15 15:12:06 · 3255 阅读 · 0 评论 -
Vue3 通过点击按钮实现页面跳转
通过路由跳转的方式实现。原创 2022-11-11 21:41:49 · 4241 阅读 · 0 评论 -
vue3+element表格调用后台接口实现Excel导出功能以及导出乱码问题解决
看到这种返回信息,表格数据基本上是已经拿到了,现在只需要做一下数据的处理即可导出表格。接口返回数据导出,通常需要请求后端接口获取数据,接口返回的数据基本上是。的,需要先处理乱码的数据,否则导出来的文件是损坏的,如下。在请求接口的位置添加。原创 2022-11-24 15:49:52 · 2656 阅读 · 1 评论 -
Vue3中setup下的路由跳转
Vue3中setup下的路由跳转原创 2022-10-13 17:23:18 · 3484 阅读 · 1 评论 -
解决vue3使用element-ui
这里为什么要安装element-ui,我也不清楚,但是我一旦只安装element-plus,不安装element-ui就会报错,这里建议安装,或者不安,出问题了,再安装也可。目前element-ui支持vue2版本,有一些组件在vue3中无法使用,这时候我们需要导入element-plus结合vue3开发。如果使用element-ui官方文档中的方式,会出错的。比如解决el-table获取当前行的值的问题。这里附加element-plus的官方文档。3.修改main.js文件。并且使用导入的函数模型。原创 2022-11-06 19:46:57 · 6175 阅读 · 1 评论 -
Vue3中常用的语法详细分解(响应式数据,声明响应式数据,自定义事件,计算属性,监听器)
/ Vue2// ....methods: {add() {},// Vue3// ....setup(){这个其实没有什么新东西,需要手动指定watch(() => 谁,()=>{})})return {get(){track()},// 通知vue,请重新渲染trigger()})setup(){return {arrtrigger()})return {get(){track()},// 通知vue,请重新渲染trigger()})原创 2023-03-13 18:52:45 · 1275 阅读 · 1 评论 -
Vue3手写分页在分页的基础上用到Pagination 分页组件
近期有个项目要用到分页组件,但是内容不是表格,所以自己就研究了一下在Pagination 分页组件的基础上手写了分页原创 2023-03-08 21:01:30 · 969 阅读 · 0 评论 -
Vue3自定义组件遇到分页传输数据不正确解决办法
Vue3遇到问题在没有分页的情况,自定义组件的表现没有任何问题,但是当出现分页的时候,问题就出来了,当然如果不仔细的话,也不好发现,因为tableData展示的数据也是正确的,那么问题在哪?出现在往自定义组件传参的地方假设一共21条数据,10条一分页,第一页的id自上到下为1-10,第二页自上到下为11-20,第三页为21。原创 2023-02-26 19:29:50 · 461 阅读 · 0 评论 -
Vue上传图片使用Element组件实现
最近有个后台管理项目要实现上传图片功能,然后呢我就用Element组件实现了这个功能。action属性是要结合你接口文档的上传图片,不然你是上传空白的。原创 2023-02-24 22:24:59 · 873 阅读 · 0 评论