krpano全景移动端项目遇到问题即解决方法

1.{
问题：cube ui更改组件样式，在浏览器copy下来组件样式类名后，更改后，项目所有相同组件类名都会一起更改
解决方法：/deep/＋类名（可以深度挖掘样式，进行更改和添加样式。在ui库里更改组件样式，可以使用这类方法，不然组件类名之间样式会串通）
}
2.{
问题：stylus给类名添加样式无效
解决方法：在stylus中，同级别的类名在style里面要写在同一竖列，不然样式无效。
}
3.{
问题：methods方法调用方法
解决方案：需先将this指向更改为let  _that=this，目的是为了将this指向全局，这样才能调用另一个方法里面的东西。之后用_that.调用的方法命()
methods: {
    showAlert() {
      this.$createDialog({
        type: "alert",
        title: "提示",
        content: this.content,
        icon: "cubeic-alert"
      }).show();
    },
submit() {
      let _that = this
 .then(function(res) {
          console.log(res);
          if (res.data.data == "密码为空") {
            _that.content=res.data.data
            _that.showAlert()
}
}
}
}
4.{
问题：krpano引入到vue3.0组件中
解决方案：在vue3.0中所有根文件没有暴露在最外面，被收集在public文件夹里面，如果要调用krpano文件的话需要将文件夹vtour文件夹放到public文件夹内，否则调用不到文件。
}
5.{
问题：开启了严格模式调用krpano
解决方案：需要在eslintrc.js文件内加入 
"globals":{
    "document": true,
    "localStorage": true,
    "window": true,
    "embedpano": true
  }
}