uniapp引⽤组件rate评分⽆法点击引起对stylescoped学习
  uniapp开发过程中，我引⼊了rate组件，但是引⽤之后发现评分根本⽆法点击，⽆论是⼩程序端还是APP短，仅在H5下正常；然后看了下，官⽅提供的⽰例中是nvue后缀⽂件，nvue和vue还是有些差别的，感兴趣的⾃⾏百度吧，后⾯我可能补充这⼀块的知识点；这⾥如果把引⽤的组件改为nvue，评分效果也能出来，但是我原页⾯其他样式全部乱了，⽆法接收。
  后⾯想了想，再style上加了个scoped，结果页⾯正常了，可以正常点击评分了。
  但是解决到这⾥，还是没太明⽩原理，我将整个官⽹整个的rate.nvue拷贝到temp.vue中，也是可以正常点击的，⽽且style也没有增加scoped标识，这是啥原因呢？这⾥简单介绍下scoped的作⽤：
vue组件中，在style标签上添加scoped属性，以表⽰它的样式作⽤于当下的模块，实现了样式私有化的⽬的；从页⾯效果来看，就是给DOM 节点加⼀个不重复data属性(形如：data-v-2311c06a)来表⽰他的唯⼀性
在每句css选择器的末尾（编译后的⽣成的css语句）加⼀个当前组件的data属性选择器（如[data-v-2311c06a]）来私有化样式，所以我们开发过程中看到过很多样式后⾯有⼀串编码，这就是代表已经私有化了，⼀般情况下样式很难修改，直接修改class是⽆效的。css 属性选择器
未完待续

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。