使用vuejs设置计算属性的初始值

Question

我通过跟随laracasts系列的网络直播来尝试vuejs。在https://laracasts.com/series/learning-vue-step-by-step/episodes/6中，Jeffery Way已将代码放入http://jsfiddle.net/d4f27e5p/。

在选择任何计划之前，屏幕截图中会显示初始设置。我想在＆＃34的按钮中设置一个默认值;请选择＆＃34; （而不是＆＃34;降级＆＃34;）按钮代码是：

iron-list

我该怎么做？

Answer 1

如何为包含附加逻辑的按钮文本添加计算属性？像这样：

buttonText: function() {
  if(!this.active.name)
    return "Please Select";

  return this.isUpgrade ? 'Upgrade' : 'Downgrade';
}

然后按钮会使用：

<span v-else>
    <button @click="setActivePlan">
        {{ buttonText }}
    </button>
</span>

这是一个更新的jsfiddle。