vue
中
method方法相互
调用
,该方法不存在
method方法相互
调用
一般都会是this.functionName() 原本以为是没有任何问题的,但是方法与方法之间的
调用
就会出幺蛾子。
网上其它博客上说的
调用
的时候使用
this.$options.methods.test2();
this.$options.methods.test2.bind(this)();
我试了无效,可能是用的地方不对吧!
例如method
中
有三个
函数
A() 、B()、 C()
一般的简单
调用
,两两之间
1.首先定义
一个
公共的
vue
组件;
var eventHub = new
Vue
();
2.在事件当前的组件
中
,在created
中
,用$on向公共的组件eventHub传递,translate是自定义的,getCardNum(data)是要在外部
调用
的方法;
eventHub.$on('translate', function (data) {
that.g
在
Vue
中
调用
另
一个
JavaScript文件
中
的
函数
,你需要先将该JavaScript文件导入到
Vue
组件
中
。然后,你可以直接在
Vue
组件
中
使用导入的
函数
。
以下是
一个
示例:
首先,在
Vue
组件所在的文件
中
,使用import语句导入另
一个
JavaScript文件。假设另
一个
JavaScript文件名为`utils.js`,其
中
包含
一个
名为`myFunction`的
函数
。
```javascript
import { myFunction } from './utils.js';
然后,在
Vue
组件的方法或生命周期钩子
中
,可以直接
调用
`myFunction`
函数
。
```javascript
export default {
// ...
methods: {
someMethod() {
//
调用
myFunction
函数
myFunction();
// ...
这样,你就可以在
Vue
组件
中
调用
另
一个
JavaScript文件
中
的
函数
了。请确保文件路径和
函数
名字正确无误。
新建项目中报错,运行时报错Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to
nvm安装的node,脚手架安装 vue 项目时报错