kiduc-square-input
/
index.html

<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="./vue.min.js"></script>
		<script type="text/javascript" src="./index.js"></script>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <style type="text/css">
      body{
        background: #eee;
      }
      .words {
        display: block;
        width: 80vw;
        height: 10vw;
        margin: 50px auto;
        font-size: 12px;
      }
      input[type=number] {
          -moz-appearance:textfield;
      }
      input[type=number]::-webkit-inner-spin-button,
      input[type=number]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
      }
    </style>
	</head>
	<body>
		<div id="app">
			<x-words class="words" :size="6" v-model="code" @full="log" />
		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el: '#app',
				data: {
					code: ''
				},
				methods: {
					log: function() {
						console.log(this.code);
					}
				}
			});
		</script>
	</body>
</html>