国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - vue terminal mudah alih input pengoptimuman input berangka
phpcn_u1582
phpcn_u1582 2017-07-05 10:59:49
0
3
1088

Ini digunakan pada terminal mudah alih
Apabila jenis input ialah nombor, tiada had dalam bahasa Inggeris atau Cina, dan panjang maksimum tidak mempunyai kesan
Apabila jenis input ialah tel, tiada had dalam bahasa Inggeris atau Cina, tetapi maxlength mempunyai kesan, jadi gunakan tel
keyup adalah untuk menapis aksara selain nombor.
Maaf, Cikgu, adakah terdapat ruang untuk pengoptimuman dalam kod ini?

<input v-model="phoneNumber" placeholder="輸入手機號" type="tel" maxlength="11" @keyup="handleFilterLetters">

<script type="text/javascript">
    vm = new Vue({
            el: "#app",
            data: {
                phoneNumber: null,
            },
            methods: {
                handleFilterLetters: function(){
                    var self = this;
                    self.phoneNumber=self.phoneNumber.replace(/[^\d]/g,'');
                },
            }
        })
</script>
phpcn_u1582
phpcn_u1582

membalas semua(3)
迷茫
  1. phoneNumber 初始值應該是字符串的 '',否則對一個可能為 null 的變量調(diào)用 replace tidak selamat.

  2. var self = this tidak perlu.

  3. handleFilterLetters 好長啊,改成 onKeyUp Bukankah ia mudah dibaca?

  4. Satu baris terlalu panjang, peraturan eslint-airbnb ialah

    <input>

    <input
      v-model="phoneNumber"
      placeholder="輸入手機號"
      type="tel"
      maxlength="11"
      @keyup="handleFilterLetters"
    />
劉奇

Semua yang dinyatakan di atas adalah betul
Penyoal juga boleh memberi lebih perhatian kepada gaya kod
Contohnya:
self.phoneNumber=self.phoneNumber.replace(/[^d]/g,'');

ditulis sebagai
self.phoneNumber = self.phoneNumber.replace(/[^d]/g,'');

Lebih baik

僅有的幸福

Penapis tempatan yang digunakan di sini

Jika anda inginkan tahap kebolehgunaan semula yang lebih tinggi, penapis global juga boleh digunakan

<p id="app" >
  <input :value="phone | num"  @keyup="phoneChange" />
</p>
var app = new Vue({
  el: "#app",
  data: { phone: "" },

  methods: {
    phoneChange(e) {
      this.phone = e.target.value
      this.$forceUpdate()  // 這里必須有
    }
  },

  filters: {
    'num': function(value) {
      return value.replace(/[^\d]/g, '')
    }
  }
})
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan