vue的類element的input類型組件封裝


前提:題主之前只是隨意的封裝,項目統一ui,然后只實現了父組件拿子組件值,沒有實現父組件修改子組件的值,仔細看了文檔才知道用model的作用,直接上代碼

Vue.component("base-input", {
  model: {
    prop: "val",
    event: "input"
  },
  props: {
    val: [String, Number]
  },
  template: `
    <input
      type="text"
      v-bind:value="val"
      @input="$emit('input', $event.target.value)"
    >
  `
});
父組件使用
<base-input v-model=""></base-input>
原因系解:等作者補坑

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM