通過混合vuejs 2.0和Thymeleaf與SpringBoot的奇怪行爲

我寫了一些使用Vuejs 2.0的頁面。在靜態模式下，我所有的組件都可以工作，並且可以驗證設計。因此，我試圖用Thymelea將這些頁面的源代碼集成到Web Spring Boot項目中，但是一些渲染沒有完成。通過混合vuejs 2.0和Thymeleaf與SpringBoot的奇怪行爲

用例用下面的代碼：

<selectpicker id="selectReg" 
        title="Sélectionnez des régions" 
        data-width="100%" 
        v-bind:multiple="true" 
        v-on:selected="selectRegion" 
        v-on:unselected="unselectRegion"> 

     <option value="44">Alsace-Champagne-Ardenne-Lorraine</option> 
     <option value="75">Aquitaine-Limousin-Poitou-Charentes</option> 
     <option value="84">Auvergne-Rhône-Alpes</option> 
    </selectpicker>

渲染的結果是：

<selectpicker id="selectReg" 
         title="Sélectionnez des régions" 
         data-width="100%" 
         v-bind:multiple="true" 
         v-on:selected="selectRegion" 
         v-on:unselected="unselectRegion"> 

      Alsace-Champagne-Ardenne-Lorraine 
      Aquitaine-Limousin-Poitou-Charentes 
      Auvergne-Rhône-Alpes 
     </selectpicker>

的選項不被保存。

的另一個問題是一個V型的屬性：

<optgroup label="Île-de-France"> 
       <option v-for="option in departementsFromRegion(11)" v-bind:value="option.value" 
         v-bind:data-region="option.region"> 
        {{ option.text }} 
       </option> 
</optgroup>

至於結果，我有一個錯誤在瀏覽器控制檯說是沒有定義的選項。

有關信息，我已將Thymelead配置爲LEGACYHTML5。

有什麼想法？

來源

2016-12-03 ChriX

我發現問題的根源。 Thymeleaf 2.x有一些問題，所以現在我使用3.0版本。

對於這一點，我添加了幾行代碼寫進我的gradle這個配置：

ext['thymeleaf.version'] = '3.0.0.RELEASE' 
ext['thymeleaf-layout-dialect.version'] = '2.0.0'

來源

2016-12-03 17:01:58 ChriX

通過混合vuejs 2.0和Thymeleaf與SpringBoot的奇怪行爲

回答

相關問題