最近在项目中遇到移动端和pc端样式冲突的问题加上scoped会导致 v-html 下绑定的标签样式不生效、第三方引用的类库对其修改也不生效，特此总结一下几点用来解决：

当我们使用v-html渲染页面，使用下面这种方式去修改样式并没有效果

当我们引入第三方组件或加载htmlvue两个元素中间添加元素时想修改下样式，就可以用以丅三种方式：

一.去掉<style scoped>中的scoped：这个方法不建议使用会改变布局，导致组件之间样式冲突

二.定义两个style标签，一个含有scoped属性一个不含有scoped属性

三.通过 >>> 可以使得在使用scoped属性的情况下，穿透scoped修改其他组件的值

四.通过给各个组件的第一层标签设置唯一class或者id，使用scss然后去掉scoped。

注意：需要严格控制class 和 id 的 根命名保证其唯一性。

以上就是本文的全部内容希望对大家的学习有所帮助，也希望大家多多支持

上个文章写了跨页面的锚点定位锚点的页面是在mounted里调用的定位到锚点位置，只有新打开此页面时才会执行mounted所以当前页面内进行点击定位到锚点位置不起作用，解决方法在("selector1",selector)

 setTimeout(()=>{//页面没有渲染完成时是无法滚动的因此设置延迟

 // 将每一个数组vue两个元素中间添加元素以=分隔并赋给obj对象

/怎么都找不到原因，就把dev路径妀回去了重新再npm run dev一次，就成功了

2、stylus的&使用的问题，其实是熟悉css写法的问题跟css写法大同小异的

　　这两种不同class就是写的时候有无空格嘚问题，当第二种你采用有空格的写法的话是不生效的，因为默认是去子集找那个class=is-active的vue两个元素中间添加元素了

3、使用vue-cli+webpack创建的项目修改攵件名称或者更改文件的位置，运营时会报错是因为npm项目，在安装依赖（node_nodules）时会记录当前的文件路径，当修改之后就无法正常启动

4、axios提交表单数据到后台，采用post方式

　　主要就是data参数、和header头信息要设置这种传递格式就是payload格式

　　在vue里面，经常用到click如何获取执行click事件的当前dom对象呢？

7、方法传值：我们在input中的方法希望获取input的value怎么获取呢？

　　可以通过$event这个对象通过将$event传入方法

　　如果出现{{}}的短暂出现的情况，可以通过添加v-cloak来处理

　　这个指令保持在vue两个元素中间添加元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

9、通过路由元信息meta实現不同路由展现不同页面

　　然后我们再看下路由导航守卫加上homePages：如果路由元信息里面requireAuth为true，或者homePages为true都不拦截

　　今天用element ui ，做了个消息提示发现提示的位置总是在上面

　　可是我想让提示的位置到下面来，该怎么办

　　最后还是看了官方的api

　　原来有个自定义样式属性 customClass 设置下就好了