【问题标题】:Vue.js value bind with prefix and suffixVue.js 值绑定前缀和后缀
【发布时间】:2017-03-27 17:40:07
【问题描述】:

我尝试使用已在数据对象中声明的变量将值绑定到输入,但我还需要添加前缀和后缀

<input id="topnavback", v-bind:value="rgb({{themestopnavback}})", class="jscolor"/>

值themetopnavback 是在数据中定义的值,我想在它周围加上带括号的rgb。

但这总是会导致整个页面不呈现 DOM,只有当您尝试访问数据对象中不存在的 Vue 变量时才会发生这种情况。这是错误的还是不能将值与其他字符串绑定?

提前致谢

【问题讨论】:

  • 为什么不只是rgb(themestopnavback)
  • 那也不会让 DOM 渲染...你确定 vue 应该识别那个表达式吗?
  • 你的 Vue 上是否定义了 rgb?是themestopnavback?展示你的 Vue。
  • 不,themestopnavback 是在那里定义的,而不是 rgb。 themestopnavback 的值只包含需要放在括号中的数字,并且前面有 rgb。另外,我的 Vue 很大,我认为在这里发布所有内容没有意义,但我正确定义了它,这是肯定的。
  • rgb 函数定义在哪里?它只是一个字符串吗?

标签: html vue.js jscolor


【解决方案1】:
v-bind:value="'rgb(' + themestopnavback + ')'"

【讨论】:

  • @Blade 没问题 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-20
  • 1970-01-01
  • 2015-06-08
  • 1970-01-01
相关资源
最近更新 更多