其实也不是hack技巧了,只是偶然发现的一些vue很nb的东西,record一下。
5.7 今天搞了好久的<style scoped>修改样式作用域的问题,保护子控件不被污染的唯一性,但是第三方用起来就很蛋疼了。可以搞一个<style>来改第三方样式,但是这样会造成污染。so可以用穿透,vue穿透了解一下,搞个外层class,然后直接.a >>> .b{ }就可以了。当前页面穿透修改,不影响other解决一切问题,🐂🍺以后再也不用头疼修改样式的问题了
用watch 实现搜索框 延时实时搜索效果(最后一个输入500毫秒内如果没有按键,则发出请求),vue2.x 取消了debounce,建议我们使用lodash之类的库,下面这个蛮简洁的方法实现了它。
watch: {
searchInfo () {
let oldSearchInfo = this.searchInfo
setTimeout(() => {
if (this.searchInfo === oldSearchInfo) {
// 请求数据
}
}, 500)
}
}