vue {{}} 里能执行外部函数吗
时间: 2023-11-01 20:43:23 浏览: 302
vue中实现在外部调用methods的方法(推荐)
在Vue的模板语法中,双大括号 `{{}}` 是用来进行数据绑定和插值的,它主要用于显示Vue实例的数据。
默认情况下,外部函数不会在`{{}}`中执行。Vue的模板是基于JavaScript的表达式语法,而且为了防止XSS攻击,Vue在模板中对表达式进行了一些限制。
然而,你可以通过在Vue组件中定义一个计算属性或者方法来调用外部函数,并在模板中使用这个计算属性或方法来实现类似的效果。
例如,假设你有一个外部函数`externalFunction()`,你可以在Vue组件中定义一个计算属性或者方法来调用它,然后在模板中使用这个计算属性或方法来显示结果。
方法一:使用计算属性
```javascript
computed: {
externalResult() {
return externalFunction();
}
}
```
然后,在模板中使用这个计算属性:
```html
<div>{{ externalResult }}</div>
```
方法二:使用方法
```javascript
methods: {
getExternalResult() {
return externalFunction();
}
}
```
然后,在模板中使用这个方法:
```html
<div>{{ getExternalResult() }}</div>
```
通过以上方法,你可以间接地执行外部函数并在Vue模板中显示结果。请确保外部函数已经正确加载,并且调用方式和参数正确匹配。
阅读全文