1 line
3.6 KiB
JavaScript
1 line
3.6 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-8d66febc"],{2245:function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"ip-input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.ip1,expression:"ip1"}],ref:"input1",attrs:{id:"ip1",maxlength:"3"},domProps:{value:t.ip1},on:{input:[function(e){e.target.composing||(t.ip1=e.target.value)},function(e){return t.handleInput(1)}],keydown:function(e){return t.handleKeyDown(e,1)}}}),n("span",[t._v(".")]),n("input",{directives:[{name:"model",rawName:"v-model",value:t.ip2,expression:"ip2"}],ref:"input2",attrs:{id:"ip2",maxlength:"3"},domProps:{value:t.ip2},on:{input:[function(e){e.target.composing||(t.ip2=e.target.value)},function(e){return t.handleInput(2)}],keydown:function(e){return t.handleKeyDown(e,2)}}}),n("span",[t._v(".")]),n("input",{directives:[{name:"model",rawName:"v-model",value:t.ip3,expression:"ip3"}],ref:"input3",attrs:{id:"ip3",maxlength:"3"},domProps:{value:t.ip3},on:{input:[function(e){e.target.composing||(t.ip3=e.target.value)},function(e){return t.handleInput(3)}],keydown:function(e){return t.handleKeyDown(e,3)}}}),n("span",[t._v(".")]),n("input",{directives:[{name:"model",rawName:"v-model",value:t.ip4,expression:"ip4"}],ref:"input4",attrs:{id:"ip4",maxlength:"3"},domProps:{value:t.ip4},on:{input:[function(e){e.target.composing||(t.ip4=e.target.value)},function(e){return t.handleInput(4)}],keydown:function(e){return t.handleKeyDown(e,4)}}})])},o=[],c={name:"IpModel",props:{IP:String},data:function(){var t=IP.split(".");return{ip1:t[0],ip2:t[1],ip3:t[2],ip4:t[3]}},mounted:function(){console.log(this.IP)},methods:{handleInput:function(t){this["ip".concat(t)]=this["ip".concat(t)].replace(/[^0-9]/g,"");var e=this["ip".concat(t)];if(e.length>1&&"0"===e[0]&&(this["ip".concat(t)]=e.slice(1)),e>255&&(this["ip".concat(t)]="255"),3===e.length||"0"===e[0]){var n=t+1;n<=4&&this.$refs["input".concat(n)].focus()}},handleKeyDown:function(t,e){var n=this["ip".concat(e)];if(8==t.keyCode&&0==document.getElementById("ip".concat(e)).selectionStart){var i=e-1;i>=1&&(this.$refs["input".concat(i)].focus(),document.getElementById("ip".concat(i)).setSelectionRange(this["ip".concat(i)].length,this["ip".concat(i)].length))}else if(46==t.keyCode&&n.length==document.getElementById("ip".concat(e)).selectionStart){var o=e+1;o<=4&&(this.$refs["input".concat(o)].focus(),document.getElementById("ip".concat(o)).setSelectionRange(0,0))}else if(37==t.keyCode&&0==document.getElementById("ip".concat(e)).selectionStart){var c=e-1;c>=1&&(this.$refs["input".concat(c)].focus(),document.getElementById("ip".concat(c)).setSelectionRange(this["ip".concat(c)].length,this["ip".concat(c)].length))}else if(39==t.keyCode&&n.length==document.getElementById("ip".concat(e)).selectionStart){var a=e+1;a<=4&&(this.$refs["input".concat(a)].focus(),document.getElementById("ip".concat(a)).setSelectionRange(0,0))}else{if(110!=t.keyCode&&190!=t.keyCode)return!1;var s=e+1;s<=4&&this.$refs["input".concat(s)].focus()}},IpModelSend:function(){if(""==this.ip1||""==this.ip2||""==this.ip3||""==this.ip4)this.$message({duration:1e3,message:"IP地址非法,请输入正确的IP地址!"});else{var t=this.ip1+"."+this.ip2+"."+this.ip3+"."+this.ip4;this.$emit("changeIP",t)}},IpModelCancel:function(){this.ip1=this.IP.split(".")[0],this.ip2=this.IP.split(".")[1],this.ip3=this.IP.split(".")[2],this.ip4=this.IP.split(".")[3]}}},a=c,s=(n("d70d"),n("2877")),p=Object(s["a"])(a,i,o,!1,null,"5290a606",null);e["default"]=p.exports},"3bf8":function(t,e,n){},d70d:function(t,e,n){"use strict";n("3bf8")}}]); |