Unspecified error on IE 11

[zl7261]

Version

2.6.11

Reproduction link

https://github.com/zl7261/ytms-simple

Steps to reproduce

I use a computed variable to control the slide menu route open or off.
Pretty simple and works.

But on IE 11, it doesn't work.

What is expected?

Slide Menu.

What is actually happening?

Error log.

---

1. npm run serve access /login
2. the password component has a bug that will not accept init input, but when you blur and focus again, it will fix.
3. type any string to pass login.
4. click the left slide menu button.
5. here is error log on ie11
   

[posva]

Hi, thanks for your interest but Github issues are for bug reports and feature requests only. You can ask questions on the forum, the Discord server or StackOverflow.

---

That's not a valid reproduction

[zl7261]

I put a debugger in vue.runtime.esm.js.
The result is that it is a calc style error cause by calc

var setProp = function (el, name, val) {
  /* istanbul ignore if */
  if (cssVarRE.test(name)) {
    el.style.setProperty(name, val);
  } else if (importantRE.test(val)) {
    el.style.setProperty(hyphenate(name), val.replace(importantRE, ''), 'important');
  } else {
    var normalizedName = normalize(name);
    if (Array.isArray(val)) {
      // Support values array created by autoprefixer, e.g.
      // {display: ["-webkit-box", "-ms-flexbox", "flex"]}
      // Set them one by one, and the browser will only set those it can recognize
      for (var i = 0, len = val.length; i < len; i++) {
        el.style[normalizedName] = val[i];
      }
    } else {
// error in here 
// document.querySelector('#test').style['height']='calc(100% - 0)'
      el.style[normalizedName] = val;

    }
  }
};

   <slide-router class="layout-slide-menu"
                  :style="{ height: `calc(100% - ${menuFold ? '0' : '72px'})` }"
    />

which calc must have a 'px' unit on the IE browser.