在项目中使用InputNumber计数器组件,希望初始值为空,只需要把初始值设置为undefined就可以了
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue开发:element-ui中的InputNumber计数器组件设置默认值为空</title>
<!--引入 element-ui 的样式,-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<!-- 引入element 的组件库-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
#app {
padding: 50px;
}
</style>
</head>
<body>
<div id="app">
<template>
<p>默认值赋值为null: <el-input-number v-model="num1"></el-input-number></p>
<br>
<p>默认值赋值为'': <el-input-number v-model="num2"></el-input-number></p>
<br>
<p>默认值赋值为undefined: <el-input-number v-model="num3"></el-input-number></p>
</template>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
num1: null,
num2: '',
num3: undefined,
}
},
})
</script>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。