使用自定义指令格式化埃尔输入

背景

使用元素开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的

使用某视频剪辑软件指令进行控制

开发

页面使用方式v-number int :0=' item。first _ fee ' 0为保留几位小数

tr v-for='形式。evaluation _ rules ' : key=' index ' TD class=' center ' El-input v-if=' form。evaluation _ type=' 1 ' v-number int :0=' item。first _ fee ' v型。trim='项。first _ amount '/El-input El-input v-else v-model。trim='项。first _ amount ' v-number int :2=' item。first _ fee '/El-model因为用的是元素的埃尔输入，组件投入外层包着一层差异所以要使用常量元素=El。getelementsbytagname(' input ')[0]获取投入对其监听失焦当输入的不是数字时，失焦后会变成0,没有使用指令更新方法，比较简单指令。射流研究…

指令。射流研究…

Vue.directive('numberInt '，{ bind: function(el，binding，vnode){ const element=El。getelementsbytagname(' input ')[0]const len=binding。arg//初始化设置元素值=数字（元素值)。toFixed(len) //失焦时候格式化element.addEventListener('blur '，function(){ if(isNaN)(element。value)){ vnode。数据。模特。回调(0)} else { vnode。数据。模特。回调(Number(元素。值).toFixed(len)) } }) })以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。