美文网首页
2020-05-07 vue-hack(长更)

2020-05-07 vue-hack(长更)

作者: sll_ | 来源:发表于2020-05-07 17:08 被阅读0次

其实也不是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)
            }
          }

相关文章

网友评论

      本文标题:2020-05-07 vue-hack(长更)

      本文链接:https://www.haomeiwen.com/subject/esgaghtx.html