2017-03-27 26 views
1
私はデータオブジェクト内で宣言された変数を使用して入力に値を結合しようとした

と結合するが、私はまた、接頭辞と接尾辞を追加する必要がVue.js値の接頭辞と接尾辞

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

値themetopnavbackはdataに定義された値で、rgbをブラケットで囲みたい。

しかし、これはページ全体に、データオブジェクトに存在しないVue変数にアクセスしようとする場合にのみ発生するDOMをレンダリングしないようにします。これはちょうど間違っているのですか、それとも追加の文字列で値をバインドすることはできませんか?事前に

おかげ

+0

なぜだけではなく 'RGB(themestopnavback)'? – Bert

+0

これはまた、DOMをレンダリングさせません...あなたはvueがその式を認識すべきですか? – Blade

+0

あなたのVueで 'rgb'が定義されていますか? 'themestopnavback'はありますか?あなたのVueを表示してください。 – Bert

答えて

2
v-bind:value="'rgb(' + themestopnavback + ')'" 
+0

それはありました。ありがとうございます。 – Blade

+0

@Blade問題なし:) – Bert

+0

@Bert v-モデルではど​​うしたらうまくいくのですか? – dotslash