Vue.js绑定模型将字符串转换为数字

我有一个输入绑定：

v-model:user.settings.filter（item=>item.id==1）[0]。值

问题是，值是一个字符串，它不起作用。如何转换为数字

用户变量是vuex中的计算属性：

    computed: {
        ...mapGetters({
            user: 'auth/user',
        }),
    },

---

如果这个变量在数据中，它将很容易。。。但在计算属性中，我不知道如何操作它。

在它损坏的地方修复它。这意味着如果您从某个api获得

value

，您必须修复该api，使其返回一个数字而不是字符串。如果您从应用程序的某个地方获取它，则需要将其保存为数字，而不是字符串。如果它是在Vuex getter中动态计算的，请使用

parseInt（..）

（）或

parseFloat（..）

（）将字符串中的任何内容解析为数字。请记住，如果字符串中有废话，则该属性中可能会有一个NaN。

在它被破坏的地方修复它。这意味着如果您从某个api获得

value

，您必须修复该api，使其返回一个数字而不是字符串。如果您从应用程序的某个地方获取它，则需要将其保存为数字，而不是字符串。如果它是在Vuex getter中动态计算的，请使用

parseInt（..）

（）或

parseFloat（..）

（）将字符串中的任何内容解析为数字。请记住，如果字符串中有无意义的内容，则该属性中可能会有一个NaN。

我同意@Sumurai8，您不应该收到需要从前端进行变异的类型。尽管这里有一个示例说明了如何使用.map（Number）

newvue({
el:“应用程序”，
数据：{
testNumber:未定义
},
计算：{
getTestNumber:函数（）{
返回this.testNumber？this.testNumber.split（'，）.map（Number）：null
}
}
})

字符串到数字：

我同意@Sumurai8，您不应该收到需要从前端进行变异的类型。尽管这里有一个示例说明了如何使用.map（Number）

newvue({
el:“应用程序”，
数据：{
testNumber:未定义
},
计算：{
getTestNumber:函数（）{
返回this.testNumber？this.testNumber.split（'，）.map（Number）：null
}
}
})

字符串到数字：

问题在于，值可以是数字、字符串或其他任何形式。对于每个设置，我应该将值转换为所需的类型。解决方案必须是使用

parseInt（…）

，但我不知道怎么做。我不能这样做：

v-model:parseInt（user.settings.filter（item=>item.id==1）[0].value）

，因为它显示语法错误。在computed properties中，我用这些信息更新了问题。我最后在后端添加了一些逻辑，以获得正确的值类型。问题是值可以是数字、字符串或其他任何类型。对于每个设置，我应该将值转换为所需的类型。解决方案必须是使用

parseInt（…）

，但我不知道怎么做。我不能这样做：

v-model:parseInt（user.settings.filter（item=>item.id==1）[0].value）

，因为它显示语法错误。在computed properties中，我用这些信息更新了问题。我最后在后端添加了一些逻辑，以获得正确的值类型。我的computed property用户如何使用这种方法？我在MapGetter下面更新了一个新的计算属性，如convertUser（）{返回this.user.split（'，'）.map（Number）}吗？引用convertUser，它需要一个数字。如何使用我的计算属性用户执行此方法？我在MapGetter下面更新了一个新的计算属性，如convertUser（）{返回this.user.split（'，'）.map（Number）}吗？和引用convertUser，它需要一个数字