通过混合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的奇怪行为

回答

相关问题