vue动态引入的函数为什么不能直接使用在html

我想使用这个checkPermission的函数。

我的想法是先引入这个js文件

import {checkPermission} from '@/utils/permission'

然后页面html标签上添加

v-if="checkPermission(['admin'])"

但是报错。

最后解决办法是把这个函数在methods在定义一次

这样就可以正常使用啦。

扫描二维码关注公众号，回复： 13718577 查看本文章

原因：

虽然vue组件中HTML，css，js可以在同一个页面书写，但是js里面的函数、变量是需要使用export default{ }抛出之后html才能使用的。

如果使用export default抛出的函数。然后使用import 函数名 from ‘。。。’

这样的是可以直接在html上面使用的