Vue 获取值问题

Question

html:

<div id="page">
    <button v-for="list in lists" v-on:click="clickEvent">{{list.page}}</button>
</div>

js:

new Vue({
    el:'#page',
    data:{
        lists:[
            {page:1},
            {page:2},
            {page:3},
            {page:4}
        ]
    },
    methods:{
        clickEvent:function () {
            url = '<?php echo Yii::$app->urlManager->createUrl("/collect-data-copy/result")?>';
            console.log(this);
            $.post(url,{page:$(this).text()},function (data) {
                console(data);
            },'json');
        }
    }
});

现在想把被点击的button的值传给后台，应该怎么弄？page:$(this).text() 这个要如何该？

Answer 1

传入到你的方法里面就行，
html:

v-on:click(item.text)

js:

function(text)

然后在传入post请求即可

page:text

手机上码的字，哈哈?

Answer 2

好歹已经用上vue了，把$这个东西干掉吧……
vue-resource挺好用的啊。

你这里的，这么改就行了：

<div id="page">
    <button v-for="list in lists" v-on:click="clickEvent($event.textContent)">{{list.page}}</button>
</div>

clickEvent:function (text) {
    url = '<?php echo Yii::$app->urlManager->createUrl("/collect-data-copy/result")?>';
    this.$http.post(url, text)
        .then((res) => {
            console(data);
        });
}