工作172：自己工作开始封装的一个小组件

其实很简单

<!--封装部门选择的插件 需要的组件 子组件-->
<template><el-select  :value="value" placeholder="请选择所属部门" @change="handleChange"><el-optionv-for="department in departments":key="department.value":label="department.label":value="department.value"></el-option></el-select>
</template><script>
import { getAction } from "@/api";
export default {name: "SelectForm",/*用于和父组件通信*/props: {value: { type: String, require: true }},model: {event: "change",prop: "value"},data() {return {/*存储部门的数据*/departments: []};},created() {/*请求方法*/this.load();},methods: {load() {/*请求接口的方法*/getAction("/department/list").then(res => {this.departments = res.data;});},/*方法调用*/handleChange(val) {this.$emit("change", val);}}
};
</script><style scoped></style>

该组件封装我认为是比较失败的这是初期所做想想这就是成长吧

工作172：自己工作开始封装的一个小组件相关推荐

[Asp.net core 3.1] 通过一个小组件熟悉Blazor服务端组件开发
通过一个小组件,熟悉 Blazor 服务端组件开发.github:https://github.com/git-net/NBlazors 一.环境搭建 vs2019 16.4, asp.net cor ...
vue 生成发布包_年轻人如何从0到1封装发布一个vue组件__Vue.js
封装发布组件是前端开发中非常重要的能力,通过对常用组件的封装可以提升团队开发的效率,避免重复劳作且不方便维护.好的组件的抽象和封装能让组件得到更广泛和多环境兼容的应用. 本文讲述了如何一步步从0到1封 ...
js获取当前月有几周（附带一个小组件）
要求 ①出一个日历组件 ②只显示当前月份 ③点击日期和右边列表联动, ④当前天有预警时,日历出现小红点按照我的思路来看必须要求当前月有几周啊,代码如下 //获取当前月有几周百度的别人的代码但是它 ...
关于封装的一个小问题和TA的例子
写个小例子吧 -- 很多细节(如校验.判断等等)都略了其实不是有意写成这样,而是很多朋友都这么写(当然里面也有点夸张的写法) 这么写其实也没什么不好,简单明了,不用动脑子,一看就很直白, 但是如果 ...
自己封装的一个JS分享组件
因为工作的需求之前也封装过一个JS分享插件,集成了我们公司常用的几个分享平台. 但是总感觉之前的结构上很不理想,样式,行为揉成一起,心里想的做的完美,实际上总是很多的偏差,所以这次我对其进行了改版. ...
自己封装了一个带有比较日期的datepicker组件
一个简单的带有快捷键和比较日期的date组件,参数较少,便捷,尤其针对实现数据统计模型需要跟之前日期对比功能 npm链接:www.npmjs.com/package/com- GitHub链接:git ...
android桌面小组件开发_快使用Scriptable自己开发一个iPhone小组件吧
最近苹果的 iOS 系统升级到了 iOS 14,这次的更新我比较关注的就是升级的小组件功能,这次更新我们可以将小组件放置在主屏幕中的任何位置,可以让我们更加便捷的查看一些信息,从而省去了还需要打开AP ...
MOS管的工作原理及常见的封装（看完必会）
MOS管的工作原理及常见的封装目录 MOS管的概述 MOS管的性能 MOS管的管脚及常见封装识别 MOS管的导通条件加强理解MOS管 Question? 致谢 MOS管的概述场效应管(FET),把 ...
MOS管的工作原理及常见的封装
MOS管的工作原理及常见的封装 1.MOS管的概述场效应管(FET),把输入电压的变化转化为输出电流的变化.FET的增益等于它的跨导, 定义为输出电流的变化和输入电压变化之比.市面上常有的一般为N沟 ...

工作172：自己工作开始封装的一个小组件

工作172：自己工作开始封装的一个小组件相关推荐

最新文章

热门文章