将v-model值从数字转换为字符串
将v-model值从数字转换为字符串
提问于 2020-05-11 01:41:14
我使用<q-select>组件，在里面我发送从API获取的选项，作为我设置对象id的值，但问题是它希望字符串获取，而ID是一个数字，因此我得到了错误。是否可以在v-model中更改数据类型。
<s-select
autocomplete
sorted
v-model="data.id"
options="list"
option-value="value"
option-label="label"
label="Field"
required
/>我曾尝试将data.id.toString()放入v-model中，但后来出错了。
我该如何解决这个问题？
回答 4
Stack Overflow用户
发布于 2020-05-11 01:46:33
不能将该方法应用于v-model。一种解决方案是在获取数据后直接将id转换为string，如下所示：
let id = data.id;
data.id = id.toString();Stack Overflow用户
发布于 2020-05-11 01:48:11
<s-select
autocomplete
sorted
:value="data.id.toString()"
options="list"
option-value="value"
option-label="label"
label="Field"
required
/>Stack Overflow用户
发布于 2020-05-11 02:05:38
为此，我建议使用计算属性。
computed: {
id: {
return String(this.data.id);
}
}您的模板将更加整洁，并保持反应性
<s-select
autocomplete
sorted
v-model="id"
options="list"
option-value="value"
option-label="label"
label="Field"
required
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61716230
复制相关文章
相似问题
腾讯云开发者
