一只咔嚓鹿 2022-10-11 13:38 采纳率: 70%
浏览 32
已结题

vue实现table嵌套事件

<el-table v-loading="loading" :data="payplangrid_fx_list" :row-class-name="rowClassName"
                @selection-change="selectionChangeHandle" :key="randomKey" @cell-dblclick="editData"
                style="width: 100%"
   >
  <el-table-column label="银行账号" align="center" prop="bankacct">
          <template slot-scope="scope" style="line-height: 10px;height: 10px">
            <el-select size="mini" v-model="scope.row.bankacct" @change="payplangrid_fx_inbank" @blur="alterData(scope.row,scope.column)" class="statement1">

              <el-option v-for="(item, index) in displayOptions"
                         :key="index"
                         :label="item.brcname"
                         :value="item.bankacct"
                         v-if="scope.row[scope.column.prop + 'isShow']"
                         :ref="scope.column.prop"
                         :disabled="form.rw == 'r'">
              </el-option>
              <span class="option-span">{{ scope.row.brcname }}
              <span class="option-span-short">{{ scope.row.bankacct }}
            </el-select>
          </template>
        </el-table-column>
</el-table>

 created() {
    this.commonQuery("query_payplangrid_fx_inbank", {}).then(response => {
      this.displayOptions = response.data;
    });
    this.query()
  },
methods: {
 payplangrid_fx_inbank() {
      this.payplangrid_fx_list.bankacct = "";
      this.autofilter_org={bankcode:this.payplangrid_fx_list.bankacct};
      this.commonQuery('query_payplangrid_fx_inbank', { bankacct: this.payplangrid_fx_list.bankacct }).then((response) => {
        this.$set(this.payplangrid_fx_list, 'bankbranch', response.data[0].bankbranch)
        this.$set(this.payplangrid_fx_list, 'ccy', response.data[0].chname)
      })
    },
 alterData(row, column) {
      row[column.prop + 'isShow'] = false
      this.refreshTable()
    },
editData(row, column) {
      row[column.prop + 'isShow'] = true
      //refreshTable是table数据改动时,刷新table的
      this.refreshTable()
      this.$nextTick(() => {
        this.$refs[column.prop] && this.$refs[column.prop].focus()
      })
    },
}

在vue中实现el-table的下拉框单选账号后,通过所查询到的sql给账号名称和账号用户赋值,怎么实现呢

img

  • 写回答

2条回答 默认 最新

  • _yangyi 2022-10-11 13:49
    关注

    把你下拉框选中的数据对应的赋值给你绑定的账号名称和账号用户就行

    <el-select v-model="value" placeholder="请选择" @change='changeMethod'>
        <el-option  label="xxx" value="123"> </el-option>
        <el-option  label="yyy" value="456"> </el-option>
      </el-select>
    <el-input v-model="账号名称" ></el-input>
    <el-input v-model="账号用户" ></el-input>
    
    //js
    changeMethod(val) {
        this.账号名称 = value.aa
        this.账号用户 = value.bb
    }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月1日
  • 已采纳回答 10月24日
  • 创建了问题 10月11日

悬赏问题

  • ¥15 fluent的在模拟压强时使用希望得到一些建议
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏
  • ¥15 模糊pid与pid仿真结果几乎一样
  • ¥15 java的GUI的运用
  • ¥15 Web.config连不上数据库
  • ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
  • ¥15 怎么配置广告联盟瀑布流
  • ¥15 Rstudio 保存代码闪退