The usage of deep in Vue

Joslyn-Jiang 2021-04-08 11:56:50
usage deep vue

       css You can use scoped To prevent the parent component from polluting the child component , And then form a unique hash value , Like this   .full[data-v-3d4b9f2e]. If you want to modify the contents of the child component in the parent component , We just need something to penetrate it .

       css It's very useful >>>, If there is css Preprocessing , for example  lang="scss" Use  /deep/, The frame is vue+js I use it when I'm in bed /deep/ There is no wrong report , But with vue+ts When ,vue-cli3+vue2 and vue-cli4+vue3 It's all wrong ,vue-cli3+vue2 The solution is  ::vue-deep .el-input__inner ,vue-cli4+vue3 The solution is  :deep(.el-input__inner).


  1. HTML5和CSS3提高
  2. Improvement of HTML5 and CSS3
  3. NMN concept stock up and down limit, Harvard & 34; ageless drug & 34; only market speculation?
  4. 「HTML+CSS」--自定义加载动画【011】
  5. 「HTML+CSS」--自定义加载动画【010】
  6. 「HTML+CSS」--自定义加载动画【009】
  7. 「HTML+CSS」--自定义加载动画【008】
  8. "HTML + CSS" -- custom loading animation [011]
  9. "Custom" animation [CSS + 010]
  10. "HTML + CSS" -- custom loading animation [009]
  11. "HTML + CSS" -- custom loading animation [008]
  12. HttpServletRequest、通过request获得请求头、请求体等、解决中文乱码等问题
  13. HttpServletRequest, obtaining request header and request body through request, solving Chinese garbled code and other problems
  14. html2canvas 识别 svg 解决方案
  15. Solution of identifying SVG with html2canvas
  16. Web前端架构师
  17. Web front end architect
  18. 3000 yuan of financial software is less than 28 yuan of system, and the automatic accounting system is comparable to artifact
  19. Blessing of the sea
  20. IT兄弟连 HTML5教程 CSS3揭秘 小结及习题
  21. Summary and exercises of CSS3 in HTML5 course of it Brothers Company
  22. It's disassembled before it's on the market. The workmanship of Xiaomi 10 is unexpected, reducing maintenance costs?
  23. Vue自学之路5-vue模版语法(v-text,v-html,v-pre)
  24. Vue self learning 5-vue template syntax (v-text, v-html, v-pre)
  25. 【HTML】处理<br>换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决
  26. [HTML] processing & lt; BR & gt; the problem of invalid line feed when the line feed character is added to the front end --- the processing method of invalid HTML tag contained in the rendered string in HTML, and the problem of escape of HTML tag containe
  27. Vue自学之路5-vue模版语法(v-text,v-html,v-pre)
  28. Vue self learning 5-vue template syntax (v-text, v-html, v-pre)
  29. 7个Web前端程序员必须会用CSS技巧
  30. 10个优秀开源JavaScript模板引擎
  31. JavaScript基础知识及写法
  32. FB大规模重构React Native,Airbnb宣布回归原生,前端巨变来临?
  33. Seven web front-end programmers must be able to use CSS skills
  34. 10 excellent open source JavaScript template engines
  35. Basic knowledge and writing method of JavaScript
  36. FB large scale reconstruction react native, airbnb announced return to the original, the front-end changes coming?
  37. 网页HTML5视频播放器(兼容各主流浏览器)
  38. Web HTML5 video player (compatible with mainstream browsers)
  39. 前端开发需要掌握哪些技术?前端开发都学什么?
  40. 一本关于HTTP的恋爱日记
  41. 「HTML+CSS」--自定义加载动画【010】
  42. 前端er必须知道的Git地址及常用工具地址
  43. What technologies should be mastered in front end development? What do you learn from front end development?
  44. [DataGuard] seamless handover of physical DG configuration client (8.4) -- ora-16652 and ora-16603 error
  45. Wireless charging
  46. [DataGuard] seamless handover of physical DG configuration client (8.3) -- client TAF configuration
  47. [DataGuard] seamless handover of physical DG configuration client (8.1) -- configuration of data guard broker
  48. web前端数组处理之扁平化数组
  49. 一本关于HTTP的恋爱日记
  50. 「HTML+CSS」--自定义加载动画【010】
  51. Wireless power transmission using LCC compensation scheme
  52. vue项目中使用了vw适配方案,引入第三方ui框架mint-ui时,适配问题解决
  53. A love diary about http
  54. "Custom" animation [CSS + 010]
  55. Git address and common tool address that front end user must know
  56. 【BBED】 sys.bootstrap$ 对象的恢复
  57. Flat array of web front end array processing
  58. vue中deep的用法
  59. A love diary about http
  60. "Custom" animation [CSS + 010]