xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

input number step


<!DOCTYPE html>
<html>
<body>

<h1>The input step attribute</h1>

<form action="/action_page.php">
  <label for="points">Points:</label>
  <input type="number" id="points" name="points" step="0.1">
  <input type="submit">
</form>

</body>
</html>

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_step

vue input

https://forum.vuejs.org/t/how-to-trigger-an-onchange-event/11081

https://stackoverflow.com/questions/33257379/how-to-fire-an-event-when-v-model-changes-vue-js

step bug

https://vuejs.org/v2/guide/forms.html


<input
          v-model="statusObj.w"
          @change="updateStatusByType(`w`, `scale`)"
          class="live-footer-input"
          title="宽带 W"
          placeholder="W"
          size="small"
          step="0.1"
          type="number"/>

input number

https://element.eleme.io/#/zh-CN/component/input-number


<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.13.0/lib/index.js"></script>
<!-- libs  -->
<div id="app">
  <template>
    <el-input-number
      v-model="num"
      controls-position="right"
      @change="handleChange"
      :min="1" 
      :max="2"
      :step="0.01"
      :precision="2"
      step-strictly>
    </el-input-number>
  </template>
</div>


<template>
  <el-input-number v-model="num" :step="2" step-strictly></el-input-number>
</template>
<script>
  export default {
    data() {
      return {
        num: 2
      }
    }
  };
</script>