Vue项目问题汇总

宋乐
宋乐 1月4日

### webpack 打包图片路径问题

  • css 引用使用相对路径
  • webpack output: publicPath './'

### vue-router 传参

//router.js
必须设置路由 name

### 在 watch 或者其他方法里给 data 赋值不起作用

原因是使用 ES6 的语法, 导致 this 获取的不是组件的

//错误的写法
watch:{
    list(){
       this.jurge=false
   },
   isShow:()=>{
       this.jurge=false
   }
},
data(){
    return {
        jurge:true
   }
}
 //正确的写法
 watch:{
   list:function{
      this.jurge=false
  }
 },
 data(){
   return {
       jurge:true
  }
 }

v-for render 完成判断

<ul id="demo">
    <li v-for="item in list">{{item}}</div>
</ul>
new Vue({
    el:'#demo',
    data:{
        list=[0,1,2,3,4,5,6,7,8,9,10]
    },
    methods:{
        push:function(){
            this.list.push(11);
            this.nextTick(function(){
                alert('数据已经更新')
            });
            this.$nextTick(function(){
                alert('v-for渲染已经完成')
            })
        }
    }
})

Vue 引入 Swiper 时样式为 scoped 时改变 page-ball 样式