CSSスタイルはpugで読むことができません

Question

私の "境界線の色"はなぜ機能しませんか？私はpugとvue jsを使用しています。 " - "文字を追加するまで機能し、失敗します。

<template lang='pug'> 
    div 
     #section-one 
      #grid 
       .div(style={border-color: '0087de'}) 

Answer 1

あなたはスタイルを入力するためにjavascriptオブジェクトを使用しています。これは問題ありませんが、border-colorは有効なキーではありません。 'border-color'（引用符付き）を使用できます。また、色には#がないことに注意してください。結果は次のようになります。

<template lang='pug'> 
    div 
     #section-one 
      #grid 
       .div(style={'border-color': '#0087de'}) 
</template>