js中eval()函数的替代方案

由于eval()存在安全问题,一般不采用,所以写一个方法针对它做一个替换

字符串中的运算在模板中不会执行,有一个方法就是使用eval(),不过会有安全问题

,则使用下面方法替代

<template>
<span>{
    
    {handleEval(txt)}}<span>
</template>
<script>
data() {
  return {
    txt: '50*50'
  }
}
methods: {
  handleEval(fn) {
    const Fn = Function; // 一个变量指向Function,防止有些前端编译工具报错
    return new Fn('return ' + fn)();
  }
}
</script>

猜你喜欢

转载自blog.csdn.net/weixin_42627850/article/details/128932104