在项目中使用InputNumber计数器组件,希望初始值为空,只需要把初始值设置为undefined就可以了
代码:
image.png

<!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>

我的一个道姑朋友
80 声望4 粉丝

星光不问赶路人,岁月不负有心人。