记录自己的学习路程，每天再进步一点点

15.编写路由配置 需要解决登录页面跳转主页面后不能在浏览器上回调

16.正确访问获取数据后，前端不显示内容，因为绑定的树形代码表字段首字母是小写的，而我写成大写

17.axios封装了get方法后，调用的时候参数，必须按照Json对象的格式编写，如下图

18.router路由选择跟el-menu配合选中

 解决element-plus中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题

19.element-plus组件按钮鼠标移动到文字部分，无法触发点击事件

开始怀疑是没有安装sass，通过npm install sass -i 安装sass之后，报错

通过在package.json中修改版本前的附后解决Fix Using / for division is deprecated removed in DartSass2 | Cloudhadoop

然而修改之后，问题仍然没有解决，最后在网上找到了一个解决方案

z-index:99这个css属性影响了按钮的使用，然后我全局搜z-index属性，将按钮外层div对应的z-index属性去掉，按钮就可以正常点击了

20.npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.2 (node_modules\fsevents):

在使用 npm install 命令安装依赖的时候出现了这个警告

翻译一下就是可选的跳过可选的依赖:fsevents@2.1.2，网上说这个包是可以选择性安装的

被安装的原因就是：这个包是mac上可以选择的依赖，但是你使用了window的电脑，也安装了，可以看看你的package.json文件中是不是fsevents的相关依赖，删除就好；其实这个警告是因为mac需要这个包，但是你是在windows环境下，可以忽略这个警告，如果你是强迫症可以使用以下办法，不安装这个包

第一步：在package.json中添加这个对象

"optionalDependencies": {

"fsevents": "*"

}

第二步：删除原来安装的包和生成的package-lock.json文件

第三步：重新执行安装命令

npm install --no-optional

21.element-plus表单校验不进入 validate 问题

原因：自定义的时候如果完成校验 或者 不进校验 需要写上 callback()

22.vue3.0 配合  element-plus  在使用时间日期选择时， value-format 无法设置选中值的解决办法

<el-date-picker

              :disabled="formUser.isForerver"

              v-model="enabledDate"

              type="daterange"

              @change="timeChanged"

              range-separator="至"

              start-placeholder="开始日期"

              end-placeholder="结束日期"

              format="YYYY-MM-DD"

              >

            </el-date-picker>

原理是在日期选择变更后修改绑定的值为时间戳

 //用户选定值以后触发

    timeChanged(data) {

      console.log(data);

      if (data == null) {

        //如果data等于null 则表示用户点击了 时间选择器的清空按钮，因为 清空按钮没有回调函数说以用这个方法来解决

      } else {

        //如果data不等于null 就可以把data的值复给 想要的变量

        var aa = this.enabledDate[0];

        var bb = this.enabledDate[1];

        this.formUser.enabledStartTime = moment(aa).unix();

        this.formUser.enabledStopTime = moment(bb).unix();

      }

    },

23.el-radio绑定值后，后台给绑定的值复制后，前端不能改变

<el-form-item label="   " v-show="formUser.actived">

            <el-radio v-model="formUser.isForever" :label="true">永久</el-radio>

            <el-radio v-model="formUser.isForever" :label="false">期限</el-radio>

            <el-date-picker

              :disabled="isForever"

              v-model="enabledDate"

              type="daterange"

              range-separator="至"

              start-placeholder="开始日期"

              end-placeholder="结束日期"

              format="YYYY-MM-DD"

            >

            </el-date-picker>

          </el-form-item>

绑定formUser.isForever后值更改，前端显示不变，后更改如下

<el-form-item label="   " v-show="formUser.actived">

            <el-radio v-model="isForever" :label="true">永久</el-radio>

            <el-radio v-model="isForever" :label="false">期限</el-radio>

            <el-date-picker

              :disabled="isForever"

              v-model="enabledDate"

              type="daterange"

              range-separator="至"

              start-placeholder="开始日期"

              end-placeholder="结束日期"

              format="YYYY-MM-DD"

            >

            </el-date-picker>

          </el-form-item>

绑定的变量更改为isForever即可正常运行