vue下拉框赋值

另一个页面调用方法赋值 负责下拉框回显

 methods: {
    // 按钮方法
    jieyue(row) {
      this.openDialog = true;
      this.$nextTick(() => {
        this.$refs.testDialog.init(row);
      });
    },

页面进入请求下拉框数据

    // 窗口初始化方法,nextTick方法可以添加逻辑,如打开窗口时查询数据填充
    init(row) {
      this.form = row;
      this.open = true;
      getSepEnterprise().then(response => {
        // this.servicesOptions = response.services;
        this.managerOptions = response.salesManagers;
        // this.channelOption = response.channels;
      });
    },

export default {
  name: "testDialog",
  data() {
    return {
      form: {},
      //服务商list
      servicesOptions:[],

下拉框

      
        
          
        
      

赋值事件

    chooseManager(event){
      this.managerOptions.forEach(item => {
        if(item.id === event){
          this.form.salesManager = item.name;
        }
      })
    },

js文件



// 查询个体户业务客户签约详细
export function getSepEnterprise(id) {
  return request({
    url: '/sep/SepEnterprise/' + parseStrEmpty(id),
    method: 'get'
  })
}


// 转换字符串,undefined,null等转化为""
export function parseStrEmpty(str) {
  if (!str || str == "undefined" || str == "null") {
    return "";
  }
  return str;
}

接这个博客后续

这辈子坚持与不坚持都不可怕,怕的是独自走在坚持的道路上!!!

你可能感兴趣的:(浅谈前端,vue.js,javascript,ecmascript)