xpage 中的 Vue js 属性 Vue.js

Question

运行 xpage 时未呈现的属性： :源代码:

<div id="categories" class="article-search-results-categories">
<ul class="table-view">
<li class="table-view-cell  pr40" v-for="row in list.categories"> 
<xp:span id="clickSpan">{{row.name }}
<xp:this.attrs>
   <xp:attr name="v-on:click" value="alert('ok')" rendered="true" 
</xp:attr>
</xp:this.attrs>
</xp:span>
</li>
</ul>


</div>

脚本

var app = new Vue ({
   el: '#app',
   data: {
      list:[]
   },
   methods:{
    getUsers: function(){
        var link = 'https://jsonplaceholder.typicode.com/users';
        this.$http.get(link).then(function(response){
            this.list = response.data;
        }, function(error){
            console.log(error.statusText);
        });
    }, 

    getCategoryJSON: function(){

        var config  = {
                headers : {
                'Content-Type' : 'application/json'
            }
        }

        var data = {
                "supplierid": "DAHL"
            };

        data = JSON.stringify(data);

        axios.post
('ProductViewJSONCtrl.xsp',data,config).then(function(response){
            app.list = response.data;

        }, function(error){
            console.log(error.statusText);
        });


      },
     getLevel: function(row){
        console.log('clicked');
     }
  },
   mounted : function(){
        console.log("in mounted");
        this.getCategoryJSON();
   }
});

输出：

<span id="view:_id1:_id2:_id295:includeBody:_id328:clickSpan">VA- 
armatur/Stängventiler</span>

知道为什么这些属性无法呈现吗？

正确生成了只有 xpage 标签的示例，但问题是当 spabn 在 v-for 循环中时

编辑了周围的代码，因为问题是 VUE.js attahces 并运行循环

Answer 1

这个

<xp:span
    id="clickSpan">
    {{row.name }}
    <xp:this.attrs>
        <xp:attr
            name="v-on:click"
            value="alert('ok')"
            rendered="true" />
    </xp:this.attrs>
</xp:span>

渲染

<span id="view:_id1:clickSpan" v-on:click="alert('ok')">{{row.name }}</span>

所以，它有效。

我猜你在源代码面板中有一个语法错误，你的更改还没有生效。

xpage 中的 Vue js 属性 Vue.js

Vue js attributes in xpage Vue.js

xpages

vue.js