Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何将引导Vue输入的旧值传递给它调用的方法?_Vue.js_Bootstrap Vue - Fatal编程技术网

Vue.js 如何将引导Vue输入的旧值传递给它调用的方法?

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: ">

我使用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-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)"