js增强问题

Y
Yolo

在2.0的js增强里面本地启动开发环境直接使用ref没有问题,但是使用prod配置打包之后就会出现问题,请问这种情况如何解决呢,我记得在1.0的版本中并没有出现这种问题,除了在每个js增强中使用const { ref } = Vue之外,在代码里面有没有一次性解决该问题的方案

image.pngimage.png

回答7

Yolo

演示平台我做了示例,js增强中也是会出现这样的问题

1966347340347056130

Yolo
@超级管理员 @超级管理员

公司项目,公司已经加入俱乐部买过了,我这个是个人账号问问题的

超级管理员
@Yolo

在相应的文件里面显式的引入ref即可

例如表单开发在LowTable/index.vue

image.png

Yolo
@超级管理员

请问这里的显式引入能作用到js增强执行function的作用域吗,我在lowtable和lowform里面加上之后部署仍然不生效呢

超级管理员
@Yolo

噢忘记打包优化变量被提到window上了,直接改index.html就可以了

image.png

<% if (isProd) { %>

    <script>

      window.addEventListener('load', function () {

        if (typeof Vue !== 'undefined') {

          window.ref = Vue.ref

        }

      })

    </script>

    <% } %>


写回答

扫码关注

微信公众号二维码