Vue.js 如何将引导Vue输入的旧值传递给它调用的方法?
我使用v-for创建大量输入。这些输入将成为对象的关键点,因此我不能(?)使用v-model将输入直接链接到对象。应用程序用户还可以添加和删除键,因此只有对象本身是全局值。相反,我正在这样做:Vue.js 如何将引导Vue输入的旧值传递给它调用的方法?,vue.js,bootstrap-vue,Vue.js,Bootstrap Vue,我使用v-for创建大量输入。这些输入将成为对象的关键点,因此我不能(?)使用v-model将输入直接链接到对象。应用程序用户还可以添加和删除键,因此只有对象本身是全局值。相反,我正在这样做: <b-form-group horizontal label-cols="1" v-for="(site, a) in config.sites"> <b-form-group horizontal label-cols="1" label="Site: ">
<b-form-group horizontal label-cols="1" v-for="(site, a) in config.sites">
<b-form-group horizontal label-cols="1" label="Site: ">
<b-form-input type="text" :value="a" @change="changeKey" required />
</b-form-group>
</b-form-group>
我知道我只能传递旧的值
<b-form-input type="text" :value="a" @change="changeKey(a)" required />
<b-form-input type="text" v-model="a" @change="changeKey(a)" required />
$event
和event
不被识别为变量。
如何从方法中访问新旧值?(更改动态分配给Vue组件的对象的键的替代方法也会有所帮助,但与主题无关。)为什么不能使用
v-model
指令?我发现,使用该变量的v-model
可能会遇到错误,因为它是对象的键(并且在它下面有嵌套的输入来修改它的值)。changeKey方法的目的是将值复制到一个新键,并在UI中更改键时删除旧键。我无法更改基本对象的结构(即,使此值不是对象键),因为它被作为一个完全不同的程序的输入。您尝试过我的答案吗?我尝试过。您的config.sites[a]
提案显示了不正确的值(这相当于site
):我的预期显示/编辑值是a
。例如,如果config.sites={A:“abc”}
我需要将输入链接到A
,而不是abc
。你去吧。就我所知,问题完全相同,除非功能被引导程序阻止。为什么不能使用v-model
指令?我发现,使用该变量的v-model
可能会遇到错误,因为它是对象的键(并且在它下面有嵌套的输入来修改它的值)。changeKey方法的目的是将值复制到一个新键,并在UI中更改键时删除旧键。我无法更改基本对象的结构(即,使此值不是对象键),因为它被作为一个完全不同的程序的输入。您尝试过我的答案吗?我尝试过。您的config.sites[a]
提案显示了不正确的值(这相当于site
):我的预期显示/编辑值是a
。例如,如果config.sites={A:“abc”}
我需要将输入链接到A
,而不是abc
。你去吧。就我所知,问题完全相同,除非功能被引导阻止。
<b-form-input type="text" v-model="a" @change="changeKey(a)" required />
@change="changeKey(a, $event)"