动态添加占位符vuejs

时间:2018-09-20 13:48:00

标签: javascript vue.js

这是我的代码的一部分。

CHARFORMAT cf;
cf.cbSize = sizeof(CHARFORMAT);
GetSelectionCharFormat(cf);

cf.dwMask = CFM_BOLD | CFM_ITALIC | CFM_COLOR; //set these to specify the flags you are changing

if (bold)
{
    cf.dwEffects |= CFE_BOLD; //toggle on
}
else
{
    cf.dwEffects &= ~CFE_BOLD; //toggle off
}

if (italic)
{
    cf.dwEffects |= CFE_ITALIC; //toggle on
}
else
{
    cf.dwEffects &= ~CFE_ITALIC; //toggle off
}

cf.dwEffects &= ~CFE_AUTOCOLOR; //this only seemed to work if I set it this way

<input type="text" v-model="formData.end_date" name="end_date" v-validate="'required'" v-bind:class="{'input-error' : errors.has('end_date')}"> <span v-show="errors.has('end_date')" style="position: absolute; font-size: .7em ; margin-right: 1em;color: rgb(214, 48, 49);">{{errors.first('end_date') }}</span> </div> 返回true时,如何动态添加占位符

我尝试error.has('end_date')

3 个答案:

答案 0 :(得分:1)

尝试这样的事情:

1)向您的组件添加if ( empty($curr) )属性

computed

2)使用computed: { placeholder() { return this.errors.has('end_date') ? 'Your placeholder text' : '' } }

绑定到您计算出的占位符属性

答案 1 :(得分:0)

您可以通过说:placeholder来完成。那对你不起作用吗?在尝试中,您在v-bind:占位符之间留有空格。我认为您不应该这样。

答案 2 :(得分:0)

<input
   type="text"
   v-model="FirstName"
   class="form-control"
   :placeholder="functionData"
/>

computed:{
   functionData(){
     return "Data"
  }
}