输入VUE-JS确认后更改值

时间:2020-03-19 12:54:16

标签: vue.js blur bootstrap-vue

我有一个带有输入列的表。如果此输入列之前已保存在ddbb中,则它将具有值。 如果此值发生更改(通过事件'@blur'处理),我将显示一个模式以确认更改。 我的问题是,如果您想保留旧值,那么它将始终改变... 我试图用javascript更改此值,但是它不起作用...有任何建议吗?

这是我的代码:

=Split(

"Q" & 

  Switch(Month(Parameters!cEndDate.Value)<=3,1,
    Month(Parameters!cEndDate.Value)<=6,2,
    Month(Parameters!cEndDate.Value)<=9,3,
    Month(Parameters!cEndDate.Value)<=12,4
    ) 
& "," &

"Q" &

Switch(Month(Parameters!cEndDate.Value)<=3,1,
    Month(Parameters!cEndDate.Value)<=6,2,
    Month(Parameters!cEndDate.Value)<=9,3,
    Month(Parameters!cEndDate.Value)<=12,4
    )

,",") 
<b-tbody>
  <b-tr
    v-for="(driver, index) in drivers"
    :key="driver.clientId">
    <b-td
      data-label="Client"
      :title="driver.clientName">{{ driver.clientName }}</b-td>
    <b-td data-label="Numerator">
      <b-input
        :id="'numeratorDriver_'+index"
        class="driver-numerator text-right"
        type="text"
        :value="(driver.driverNumerator === undefined) ? 0 : $utils.formatNumber(driver.driverNumerator)"
        @blur="calculatePricingDriver($event, index)" /></b-td>
    <b-td
      class="text-right"
      data-label="Pricing"
      :title="driver.pricingDriver"><span>{{ driver.pricingDriver }}</span></b-td>
  </b-tr>
</b-tbody>

1 个答案:

答案 0 :(得分:0)

calculatePricingCustomDriver如何加载到您的Vue组件中?为了从@blur调用它,您需要将其定义为方法:

<template>
  <!-- your table-->
</template>

<script>
export default {
  name: "MyComponent",
  methods : {
    calculatePricingCustomDriver () {
      // your code
    }
  }
}
</script>

或者可以将其安装为全局mixin