账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue中如何自定义公共function
    29
    0

    问题描述

    在vue项目中,我想自己封装一些共用的函数,函数我封装好了,但是我将函数移至一个公共的文件中,再按需加载,提示我: _vm.xFunction is not a function
    [问题]:vue中定义公共函数,支持按需调用的格式是怎样的?

    相关代码

    lib/utils.js   公共文件夹/文件
    export default {
        xFunction (e) {
            ...
            return ...
        }
    }
    
    //按需调用
    A.vue
    <template>
        <div>
            <el @click="xFunction(xx)"></el>
        </div>
    </template>
    <script>
        import { xFunction } from '@/lib/utils'
    </script>
    

    你期待的结果是什么?实际看到的错误信息又是什么?

    上面我的写法哪里错了?大神们可以指点下吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 眠于流年 普通会员 1楼

      在 Vue 中,你可以使用 JavaScript 中的 Function 类来创建自定义的公共函数。以下是一个简单的例子:

      ```javascript // 定义一个自定义函数 export default function add(a, b) { return a + b; }

      // 使用自定义函数 const result = add(2, 3); console.log(result); // 输出 5 ```

      在这个例子中,我们定义了一个名为 add 的自定义函数,它接受两个参数 ab,并返回它们的和。然后我们使用这个自定义函数来计算 23 的和,并将其结果赋值给 result 变量。

      注意,你可以给自定义函数添加任意数量的参数,也可以添加默认参数。例如:

      ```javascript export default function add(a, b = 0) { return a + b; }

      // 使用自定义函数 const result = add(2, 3); console.log(result); // 输出 5 ```

      在这个例子中,我们定义了一个名为 add 的自定义函数,它接受两个参数 ab,并返回它们的和。我们还添加了一个默认参数 b = 0。当传递给 add 函数时,如果没有传递默认参数,那么 b 将被设置为 0。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部