vue中不能直接在html中使用import的js方法的问题和解决方法

这是common.js中的方法

然后我在index.vue中引用它

 

 然后在子组件中使用,希望能将得到的fileName显示在链接中间

vue中不能直接在html中使用import的js方法的问题和解决方法_第1张图片

 结果发现报错,getFileDetails is not defined

vue中不能直接在html中使用import的js方法的问题和解决方法_第2张图片

 尝试在methods中重写一个方法,在方法中使用它,再在HTML中调用方法,发现是可以的

vue中不能直接在html中使用import的js方法的问题和解决方法_第3张图片

 vue中不能直接在html中使用import的js方法的问题和解决方法_第4张图片

百度一番之后发现了这位老哥的解释: 原链接

也就是只需要在methods里面再声明一下这个方法就行

特此记录一下

vue中不能直接在html中使用import的js方法的问题和解决方法_第5张图片

你可能感兴趣的:(vue中不能直接在html中使用import的js方法的问题和解决方法)