v-model 字符串转数字
时间: 2023-08-09 16:07:45 浏览: 111
字符串转数字
您可以使用 JavaScript 中的 `parseInt()` 函数将字符串转换为数字。而对于 Vue.js 的 `v-model`,它通常用于双向绑定输入框的值。下面是一个示例:
```html
<template>
<div>
<input type="text" v-model="stringValue">
<button @click="convertToNumber">Convert</button>
<p>Converted Number: {{ numericValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
stringValue: '',
numericValue: null
};
},
methods: {
convertToNumber() {
this.numericValue = parseInt(this.stringValue);
}
}
};
</script>
```
在上面的示例中,我们使用 `v-model` 将输入框的值绑定到 `stringValue` 变量上。然后,当点击按钮时,调用 `convertToNumber` 方法将 `stringValue` 转换为数字并存储在 `numericValue` 变量中。最后,在页面上显示转换后的数字。
请注意,`parseInt()` 函数还可以接受第二个参数来指定数字的进制。默认情况下,它将字符串解析为十进制数。
阅读全文