工作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>

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415235.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

高德地图 amap 设置鼠标样式

我的需求&#xff0c;要在高德地图里面做一个地图选点的功能。这个功能很简单&#xff0c;但是高德地图的默认鼠标样式是一只小手&#xff0c;不适合做选点用。 高德地图中有4中样式如下图 对应名称如下&#xff1a; pointer&#xff0c;default&#xff0c;move&#xff0c…

Android 设置定时刷新页面数据,最小自动刷新时间

设置初始时间 SimpleDateFormat df new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式 String thistime df.format(new Date());SharedPreferences sharedPreferences getSharedPreferences("industryInfo", Context.MODE_PRIVATE); //私有…

eslint 设置全局 变量

我在做高德地图开发的时候&#xff0c;喜欢将map作为全局变量&#xff0c;但是eslint会显示报红。 所以需要在.eslintrc.js中加上如下配置&#xff1a; "globals": {"map": true}

Android 自定义软键盘实现

module链接&#xff1a;https://download.csdn.net/download/meixi_android/10652565 compile project(:edlibrary) , :edlibrary <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/…

微信小程序自定义组件生命周期

created 组件实例化&#xff0c;但节点树还未导入&#xff0c;因此这时不能用setData attached 节点树完成&#xff0c;可以用setData渲染节点&#xff0c;但无法操作节点 ready (不是onReady) 组件布局完成&#xff0c;这时可以获取节点信息&#xff0c;也可以操作节点 mov…

改善代码可测性的若干技巧

概述 软件的工程性体现在质量与效率。单测是构成软件质量的第一道防线&#xff0c;而单测覆盖率是软件质量的重要指标之一。 编写容易测试的代码&#xff0c;可带来更佳的单测覆盖率&#xff0c;间接提升开发效率。 为什么程序员不大写单测呢&#xff1f; 主要有如下原因&#…

fragment 调用activity方法,如dispatchKeyEvent,dispatchTouchEvent

以dispatchKeyEvent为例 1、创建回调接口FragmentKeyeventListener /*** 作者&#xff1a;created by meixi* 邮箱&#xff1a;13164716840163.com* 日期&#xff1a;2018/9/10 15*/ public interface FragmentKeyeventListener {boolean onFragmentKeyEvent(KeyEvent event)…

前端学习(2657):vue3实现计算器

第一步 引入ref 第二步 第三步

微信小程序map作为子组件wx.createMapContext失效

我是将map封装成了子组件进行使用&#xff0c;发现wx.createMapContext无论如何都没有效果。最后&#xff0c;定睛一看&#xff0c;原来将map放到子组件中&#xff0c;再使用wx.createMapContext需要增加额外的参数this 具体使用方法如下&#xff1a; const mapCtx wx.create…

小程序原生组件调用mpvue父组件方法

通过triggerEvent实现 1、小程序原生子组件 methods: {markertap () {console.log(子组件内部点击)this.triggerEvent(markertap)} }2、mpvue父组件 <marker-map id"marker-map" markertap"makertap"></marker-map>methods: {markertap () {…

昨晚通宵把服务器格式化,重新配置环境。

1.备份代码和数据 备份数据库用到命令&#xff1a;mysqldump -u 用户名 -p 数据库名 > 导出文件名 2.然后登录阿里云后台停止服务器&#xff0c;再格式化磁盘。 3.配置软件源 Ubuntu中软件更新的源服务器地址存储再/etc/apt/soures.list 每一行的开头是deb和deb-src&#xf…

AsyncTask使用详解

AsyncTask是一个抽象类&#xff0c;我们在使用时需要定义一个它的派生类并重写相关方法。AsyncTask类的声明如下&#xff1a; public abstract class AsyncTask<Params, Progress, Result> 我们可以看到&#xff0c;AsyncTask是一个泛型类&#xff0c;它的三个类型参数的…

c# linq的差集,并集,交集,去重【转】

using System.Linq;List<string> ListA new List<string>(); List<string> ListB new List<string>(); List<string> ListResult new List<string>();ListResult ListA.Distinct().ToList();//去重 ListResult ListA.Except(ListB).T…

HttpURLConnection, Android访问网络,实用demo

常量 private static final String CHARSET "UTF-8"; private static final String HTTP_METHOD_POST "POST"; private static final String PARAMETER_KEY_REN_CODE "renCode"; 1、使用AsyTask访问网络 class MyAsyncTask extends AsyncTask…

vscode设置折行字数

在vscode设置中查找Word Wrap。 将默认的80换成200 即可。

nuxt引用static或者assets目录下资源注意事项

Nuxt 服务器启动后&#xff0c;会将static文件目录映射到根路径/下。 所以想引用static目录下图片&#xff0c;直接写法如下 <img src"/log.png"/>引用assets目录下文件&#xff0c;写法如下 <img src"~/assets/logo.png"/>