若依框架使用中的问题

1.禁止用户进行页面的缩放以免弄乱布局

document.addEventListener('mousewheel', function (e) {
      e = e || window.event;
      if ((e.wheelDelta && event.ctrlKey) || e.detail) {
        event.preventDefault();
      }
    }, {
      capture: false,
      passive: false
    });
    document.addEventListener('keydown', function (event) {
      if ((event.ctrlKey === true || event.metaKey === true) &&
        (event.keyCode === 61 || event.keyCode === 107 ||
          event.keyCode === 173 || event.keyCode === 109 ||
          event.keyCode === 187 || event.keyCode === 189)) {
        event.preventDefault();
      }
    }, false);

2.element-ui在更改input样式的时候会出现明明更改输入框样式但是并不生效

（1）在这里需要使用/deep/ ，两边要加空格。

//使用 /deep/
.el-input /deep/ .el-input__inner {
    
}

(2)或者使用 >>> ，两边要加空格 。

//使用 >>>
.el-input >>> .el-input__inner {
    
}

这样问题就解决了

为啥：由于这个类是el-input,的内部类，我也没有在这个案例里面给单独的 el-input ,设置类。我们就要这样设置这个 el-input__inner 的样式

.el-input.el-input__inner {
    
}

3.在这里使用el_input__inner来控制input的样式，因为这里若依使用了饿了么的elemen-ui的框架，对标签的属性进行了封装。如果要对样式进行修改，可以使用F12查看dom对应的class的类名来进行样式修改。