vue.js - 如何在同一组件模板属性中调用 Vue Js 组件方法？

Question

我的组件将如下所示

客户.vue

<template>
  <div id="customer-container" class="customer-container">
      <div class="form__row">
        <label class="form__label">test</label>
        <textarea v-on:blur="updateIssue()" class="form_textarea"  id="customerIssue" ref="customerIssue" rows="4" v-model="customer.issue" placeholder="{{cIssuePlaceholder()}}"></textarea>
      </div>
    </div>
  </div>
</template>

Customer.vue - Js 部分

 methods: {
    titleStr: function () {
      return titleStr
    },
    cIssuePlaceholder: function () {
      return 'placeholder'
    }
 }

我的问题是如何调用 cIssuePlaceholder() 在我的 占位符 属性。

Answer 1

问题是:

Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead.

另外， per docs :

Mustaches cannot be used inside HTML attributes. Instead, use a v-bind directive.

所以，而不是 placeholder="{{cIssuePlaceholder()}}" ,

使用 ( shorthand ) :

:placeholder="cIssuePlaceholder()"

或:

v-bind:placeholder="cIssuePlaceholder()"