vue.js：濾紙大寫標記名無法識別

Question

我想出來vue.js使用的形式輸入來改變一個SVG-元件，例如位置和一些矩形的一些過濾器值。

下面是使用兩個範圍輸入的示例的一部分。另請參見https://jsfiddle.net/tyk4Ltkg/ 位置沒有出現任何問題：更改輸入滑塊後，rect示例的y座標（ypos）正確更新。

但是，模糊濾鏡沒有響應。儘管數字從輸入範圍更新到dom元素，標籤似乎被轉換爲小寫字母（stddeviation），之後我的瀏覽器（chrome）似乎忽略它。

我該如何解決這個問題？謝謝！

<div id='app'> 
    <input type='range' v-model='stdev'> 
    <input type='range' v-model='ypos'> 

    <svg id="#mymainsvg"> 
     <defs> 
      <filter id='mymainfilter'> 
       <feGaussianBlur in='SourceGraphic' :stdDeviation=stdev ></feGaussianBlur> 
      </filter> 
     </defs> 
     <rect :y=ypos width=100 height=100 style="filter:url(#mymainfilter)"></rect> 
    </svg> 
</div> 
<script type="text/javascript"> 
    new Vue({ 
     el: '#app', 
     data: { 
      ypos: 5, 
      stdev: 13    
     } 
    });  
</script> 

Answer 1

<feGaussianBlur in='SourceGraphic' stdDeviation='{{stdev}}'></feGaussianBlur>

由於它不是一個Vue公司支撐不使用：stdDeviation。相反，只需使用鬍鬚來告訴Vue評估表達式。