文章 2023-07-11 来自:开发者社区

vue封装调用接口

1.首先在src里面的api下创建一个文件夹,名字随意,我这边是app.js2.在app.js里面   写入一下代码:export const kaoqin = async (data) => { return request({ url: '/wage/attendance/index', method: 'post', data, }); };...

vue封装调用接口
文章 2023-07-10 来自:开发者社区

vue: render 封装el-pagination

一、技术栈:vue2.X,nuxt项目二、父组件:封装前,一些必要的属性和事件需要传,看起来内容很多,在某些场景下也不是很满足项目的要求,下文会提到:<el-pagination class="pagination" align="right" @size-change="handleSizeChange" @current-change="...

vue: render 封装el-pagination
文章 2023-07-10 来自:开发者社区

【Vue】利用v-model特性封装Dialog弹窗或可编辑窗口。

highlight: a11y-dark theme: scrolls-light 简单介绍,Vue里面的v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。 v-model封装弹窗 父组件```js 点我弹窗...

文章 2023-06-09 来自:开发者社区

Vue+Echart实现利用率表盘效果【组件已封装,可直接使用】

效果演示当利用超过70%(可以自行设置),表盘变红组件里面对应两个图片资源,panelBackground_red.png 和 panelBackground_green.png,请前往百度网盘进行下载。如果喜欢其他颜色,可以使用.psd来修改导出就行。链接:https://pan.baidu.com/s/12wvEGlKrvjEBFki9YbE3hQ提取码:fibf在使用组件之前,记得引入ec....

Vue+Echart实现利用率表盘效果【组件已封装,可直接使用】
文章 2023-04-16 来自:开发者社区

Vue实战【封装一个简单的列表组件,实现增删改查】

前言大家好,上一期的Vue实战都阅读了吗?上一期主要是对Vuex的一个基本操作,通过Vuex我们可以实现全局的状态(数据)共享,以便与我们更好的实现一些需求。不知道大家在日常工作当中是否被频繁的列表增删改查困扰,功能很简单但确实是非常繁琐的一项工作;今天这一期呢我会从Vue2父子组件如何传值并结合Element来封装一个简单的列表组件;一次封装,多次复用。table组件封装在你的componen....

Vue实战【封装一个简单的列表组件,实现增删改查】
文章 2023-02-24 来自:开发者社区

【Vue 开发实战】实战篇 # 40:自己封装一个支持自动校验的表单项

说明【Vue 开发实战】学习笔记。自定义表单控件自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定:提供受控属性 value 或其它与 valuePropName-参数) 的值同名的属性。提供 onChange 事件或 trigger-参数) 的值同名的事件。不能是函数式组件。实现的组件效果支持下拉选择,然后自定义校验该组件,提交能把选择的数据传递到接口不通过:....

【Vue 开发实战】实战篇 # 40:自己封装一个支持自动校验的表单项
文章 2023-02-14 来自:开发者社区

vue通俗易懂封装一个树组件(复制粘贴就是自己的了)

本篇文章记录仿写一个树tree组件细节。源码在github上,也有演示效果的网址,大家可以拉下来,npm start运行跑起来,结合注释有助于更好的理解。github仓库地址:https://github.com/shuirongshuifu/elementSrcCodeStudy网址演示效果地址:http://ashuai.work:8888/#/myTree树组件说明关于树结构形式的效果,在....

vue通俗易懂封装一个树组件(复制粘贴就是自己的了)
文章 2023-02-14 来自:开发者社区

vue中封装一个右键菜单组件(复制粘贴即可使用)

项目演示效果地址:http://ashuai.work:8888/#/myRightMenugithub仓库:https://github.com/shuirongshuifu/elementSrcCodeStudy组件介绍关于web端的右键功能常用的地方有表格的右键,或者tab标签的右键等,本文记录一下封装一个右键菜单组件的思路步骤代码。程序员除了会用轮子,还要尝试去贴合自己公司业务场景造轮子....

vue中封装一个右键菜单组件(复制粘贴即可使用)
文章 2023-02-14 来自:开发者社区

vue的组件化的理解之单独拆分的组件&组件的封装(以el-table组件的二次封装举例)

highlight: a11y-dark什么是组件化组件化是一种思想,就是拆分的意思,通俗而言,就是大而化小(没有小而化了)、方便管理。比如咱们中国地大物博,人口众多不好管理,所以就拆分成许多省、直辖市、自治区,方便管理。写代码也是一样,如果一个文件写了几万行代码,就会耦合太严重,拆分开来,方便管理。但是组件化不能过渡使用,不能为了组件化而组件化。合理使用,才为上策组件化和模块化的区别组件化-u....

vue的组件化的理解之单独拆分的组件&组件的封装(以el-table组件的二次封装举例)
文章 2023-01-15 来自:开发者社区

用vue简单封装单选组件

用vue简单封装单选组件表单类的组件,当label的for属性等同于表单元素的ID的时候,点击label就会触发相应的表单元素的点击事件,为一些场景提供方便。这边根据业务场景,简单封装一个单选组件。单选的基本使用先看下官方单选的基本使用案例:<div id="example-4"> <input type="radio" id="one" value="One" v-mod...

用vue简单封装单选组件

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问