Javascript Vue与x27之间的差异;价值'&'_价值';输出$ref时
我试图访问表单中输入字段的值 但是,如果我使用v-model,我会得到一个不完整的结果,如果我尝试记录该值,如:Javascript Vue与x27之间的差异;价值'&'_价值';输出$ref时,javascript,vue.js,Javascript,Vue.js,我试图访问表单中输入字段的值 但是,如果我使用v-model,我会得到一个不完整的结果,如果我尝试记录该值,如: console.log(this.$refs.address.value); 结果 4 Duiker Cresc 应该是这样 南非沙巴伊沙湾Duiker Crescent 4号 这是Html <div class="form__group"> <input type="text"
console.log(this.$refs.address.value);
结果
4 Duiker Cresc
应该是这样
南非沙巴伊沙湾Duiker Crescent 4号
这是Html
<div class="form__group">
<input
type="text"
class="form__input"
placeholder="Street Address"
ref="address"
required
@change="watchAddress($event)"
v-model="User.street_address"
/>
<label for="address" class="form__label">Street Address</label>
</div>
这是因为v-model实际上使用了
oninput
来触发更改,并且当google maps更新输入时,该事件未被调用,因此您的数据不会被更新。@elichen我将如何强制更新?如果您在google自动完成时创建事件,那么您应该在何时更新数据。我不熟悉谷歌地图api,但我很确定你有这样的活动。
let googlePlaces = new google.maps.places.Autocomplete(
/** @type {!HTMLInputElement} */ (this.$refs.address),
{ types: ["geocode"] }
);