vue问题总结

vue问题

• • 当组件的children共用子组件时 导致路径跳转问题
  • vue验证码失效问题
  • Computed property "bookInfo" was assigned to but it has no setter.
  • 设置 Vue.config.productionTip = false 来关闭生产模式下给出的提示
  • 双括号语法中使用 < > 报错
  • vue版本的查看和升级问题
  • 地图显示空白的坑
  • 使用axios报错信息

当组件的children共用子组件时 导致路径跳转问题

解决如下：

原因：因为当两个组件共用时，没有组件的创建和销毁，也就是组件复用了，所以出现路由跳转了，但是页面内容并没有改变或者说刷新的问题。所以这里需要用到 watch监听路由的变化 用来改变某些参数，为了达到我们的需求。

 watch: {
    // // 监听实例属性，如果有变化则执行这里的代码
    // userId: function (newVal, oldVal) {
    //   console.log("userId change=", newVal, oldVal);
    // },
    // 深度监听
    // "$route.path"(newVal，oldVal) {
    "$route.path"(newVal) {
      if (newVal === "/user/useradd") {
        // 把userId清空
        this.userId = "";
        // 把form表单中的内容清空
        this.ruleForm = {
          username: "",
          password: "",
          gender: "male",
          age: "",
        };
        // console.log("userId change=", newVal, oldVal);
      }
    },
  },

vue验证码失效问题

因为跨域问题，具体看下面文章。
推荐文章：跨域set-cookie无效的解决方案

后端设置响应头：

前端设置请求头：

Computed property “bookInfo” was assigned to but it has no setter.

解决方法：如下图解释

继续看下面的解决

设置 Vue.config.productionTip = false 来关闭生产模式下给出的提示

双括号语法中使用 < > 报错

vue版本的查看和升级问题

地图显示空白的坑

使用axios报错信息

import axios from 'axios'
// Vue.use(axios)  // 这里的写法不对
Vue.prototype.$http = axios

推荐参看：axios为什么不能用vue.use()

本文地址：https://blog.csdn.net/weixin_42681295/article/details/108265862