首页 > 其他分享 >app直播源代码,element的select如何获取选中的对象

app直播源代码,element的select如何获取选中的对象

时间:2023-07-18 14:26:41浏览次数:41  
标签:loading app element channllist 源代码 data select

app直播源代码,element的select如何获取选中的对象

 <el-select
          v-model="form.partnerShortName" 
          filterable
          remote
          placeholder="请输入关键词"
          :remote-method="remoteMethod"
          :loading="loading"
          @change="changeChannl"
          value-key="id"
        >
          <el-option
            v-for="item in channllist"
            :key="item.id"
            :label="item.partnerShortName"
            :value="item"
          ></el-option>
        </el-select>
export default {
  data() {
    return {
      form: {
        partnerShortName:'',
      },
      loading:false,
      channllist:[],
      accountList:[]
    };
  },
  methods: {
    changeChannl(row){
      this.form.channelId=row.id;
      this.accountList=row.accountList;
    },
    remoteMethod(data) {
      if (data !== "") {
        this.loading = true;
        setTimeout(() => {
          let query = {
            partnerShortName: data
          };
          this.$api.getChannelByCondition(query).then(res => {
            if (res) {
              if (res.code == 0) {
                this.loading = false;
                this.channllist = res.data.records;
              }else{
                this.channllist=[];
              }
            }
          });
        },200);
      }else{
        this.channllist=[];
      }
    }
  }
};

​ 以上就是app直播源代码,element的select如何获取选中的对象, 更多内容欢迎关注之后的文章

 

标签:loading,app,element,channllist,源代码,data,select
From: https://www.cnblogs.com/yunbaomengnan/p/17562793.html

相关文章

  • pytorch Function.apply
    PyTorch中Function.apply的实现方式PyTorch是一个用于深度学习的开源机器学习框架,它提供了丰富的功能和强大的性能。其中一个重要的特性是可以定义和使用自定义的函数。在PyTorch中,我们可以使用torch.autograd.Function类来创建自定义函数。其中的apply方法是一个十分有用的函数,它......
  • IDEA 启动报错:Error running 'DemoApplication': Command line is too long. Shorten
     IDEA启动报错:Errorrunning'DemoApplication':Commandlineistoolong.ShortencommandlineforDemoApplicationoralsoforSpringBootdefaultconfiguration. 修改 打开 修改成  然后在重新启动即可......
  • 介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端
    前后端分离社交论坛问答发帖BBS源码,社交论坛小程序|H5论坛|,app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目,包括论坛图文帖,视频,圈子,IM私聊,微信支付,付费贴,积分签到,钱包充值等论坛小程序论坛app完整功能演示地址:www.runruncode.com/java/19462.html ......
  • 电脑桌面app客户端、微信公众号-小程序测试方法
    1、找到微信小程序的网络通信exe程序打开任务管理器,找到微信的网络通信exe程序右键打开文件位置2、安装代理软件proxifiler下载地址:https://download.csdn.net/download/weixin_43264067/87672675无脑下一步,傻瓜式操作安装好后,打开app3、配置代理服务器设置为burp地......
  • CSAPP处理器体系结构
        注意:译码这个阶段的作用就是明确执行所需要的数据,原始可得的数据在取指阶段就已经可以明确了还要注意到,译码,访存,写回都可以什么都不干,但执行阶段不行,即使加上0也行  图上mrmovq指令的访存, 应该是valM, 又印错了 popqrA......
  • 使用docker安装的tomcat部署activiti-app.war、activiti-admin.war失败(ClassNotFound
    背景一直以来习惯用docker配置一些本地学习环境,许多教程配置activiti的方式都是通过复制activiti的war包部署在tomcat中,我尝试了一下通过docker的方式遇到了一些不易察觉的错误。使用方式描述使用docker安装tomcat9.0dockerrun-d-p8080:8080--nametomcattomcat:9.0复......
  • 数据库连接池之c3p0-0.9.1.2,线上偶发APPARENT DEADLOCK,如何解?
    前言本篇其实是承接前面两篇的,都是讲定位线上的c3p0数据库连接池,发生连接泄露的问题。第二篇讲到,可以配置两个参数,来找出是哪里的代码借了连接后没有归还。但是,在我这边的情况是,对于没有归还的连接,借用者的堆栈确实是打印到日志了,但是我在本地模拟的时候,发现其实这些场景是有归......
  • 融入用户习惯:如何选择最适合用户的APP导航模式
    今天我要分享的是APP常见的导航设计。我主要通过是什么?为什么?怎么做?这个思路来分享。  ⬇⬇⬇复制下方链接获取设计素材https://js.design/community?category=detail&type=resource&id=63aea4e4fe0aa1960feb3348&source=bky&plan=bbqbky763   1、什么是App导航? ......
  • ElementUI——日期范围选择得快捷选项
    前言element-ui的日期范围的快捷选项;内容pickerOptions:{shortcuts:[{text:'今天',onClick(picker){constend=newDate()conststart=newDate()picker.$emit('pick',[start,end]......
  • ElasticSearch-Mapping类型映射-增删改查
    https://www.elastic.co/guide/en/elasticsearch/reference/6.8/mapping.html7.x版本后默认都是_doc类型增加Mapping映射先说一个特殊的字段_all:https://www.elastic.co/guide/en/elasticsearch/reference/6.8/mapping-all-field.html#mapping-all-field_all字段是一个特......