- js input防抖,防止input多次输入调用多次
<el-input class="code" v-model="code" ref="codeInput" @input="codeInput" @blur="codeBlur"></el-input>
new Vue({
el: '#app',
data: function() {
return {
}
},
created() {
},
methods: {
codeInput(val) {
this.debounce(this.getUser, 500);
},
getUser() {
},
debounce (func, wait) {
if (this.timeout) clearTimeout(this.timeout)
this.timeout = setTimeout(() => {
func()
}, wait)
},
}
});
- v-cloak 指令隐藏vue源代码
可以使用 v-cloak 指令设置样式,这些样式会在 Vue 实例编译结束时,从绑定的 HTML 元素上被移除。
当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。
<div id="app" v-cloak>
{{context}}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
context:''
}
});
</script>
[v-cloak]{
display: none;
}