Vue.js插值和

时间:2017-09-09 18:29:25

标签: vue.js vuejs2

在Vue.js中有什么方法可以在html标签内的两个插值之间进行求和吗?

例如:

value1 = 5 value2 = 3

<span> {{value1}} + {{value2}}</span>

所以我想知道它是否可以获得在 span 标记上呈现的第三个值,并添加两个值。

3 个答案:

答案 0 :(得分:2)

<span>{{value1 + value2}}</span>

答案 1 :(得分:0)

在这种情况下,我认为没有理由使用模板上的操作来操作数据。 最好(也很简单)的方法,可能是在js代码中对这些值求和,并将模板中的结果呈现为另一个数据属性。

虽然有一个Vue魔术技巧可以让你做到这一点。 它被称为计算属性。您将聆听&#39; 某些相关数据以创建其他数据。

我完全建议您阅读Computed Properties文档,看看它是如何工作的

这是链接:

https://vuejs.org/v2/guide/computed.html

:)

答案 2 :(得分:0)

@Override public void onCreate() { super.onCreate(); FacebookSdk.sdkInitialize(getApplicationContext()); // If you want to use AppEventsLogger to log events: AppEventsLogger.activateApp(this); SoLoader.init(this, /* native exopackage */ false); } 内部,您可以真正运行任何JS,因此您应该创建一个处理添加2个变量的方法,并且在该方法中,它可以检查两者是否为数字并在需要时处理转换字符串。或者您可以尝试将此逻辑转换为计算属性。