首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
拉钩
V2EX  ›  前端开发

Vue.js 中更新 data 里的值后(数组对象),如何在页面实时显示?

  •  
  •   s609926202 · 85 天前 · 537 次点击
    这是一个创建于 85 天前的主题,其中的信息可能已经有所发展或是发生改变。

    示例代码如下:

    <div id="app">
        <i-table stripe :columns="columns1" :data="data1"></i-table>
        <page :total="100" :current="1" @on-change="change"></page>
    </app>
    
    <script>
    new Vue({
    	el: '#app',
    	data: {
        	columns1: [
            	{
                	title: 'ID',
                    key: 'id'
                },
                
            	{
                	title: 'Title',
                    key: 'title'
                }
            ],
            data: []
        },
        mounted: function(){
        	this.data = this.setData();
        },
        methods: {
        	setData: function(){
            	return [
                    {
                        id: '1',
                        title: 'Title'
                    },
                    {
                        id: '2',
                        title: 'Title2'
                    },
                    {
                        id: '3',
                        title: 'Title3'
                    }
                ];
            },
            change: function(current) {
            	self.data = [
                	{
                        id: '4',
                        title: 'Title4'
                    },
                    {
                        id: '5',
                        title: 'Title5'
                    },
                    {
                        id: '6',
                        title: 'Title6'
                    }
                ];
            }
        }
    });
    </script>
    

    就是点击分页按钮,出发 change 方法。但是页面上还是原来的数据,并没有改变,难道数组类似的 data 和字符串或者整型类似的不一样吗?

    6 回复  |  直到 2018-09-17 23:38:34 +08:00
        1
    chainmon   85 天前 via Android
    在模板文件里面写个 created 吧,不要在 app.vue 里面写
        2
    allce231   85 天前
    :data="data1" 大兄弟你这里哪有 data1 啊
        3
    lovedebug   85 天前
    怎么感觉你变量名写错了?
        4
    s609926202   85 天前
    @allce231 呃,编辑的时候没注意,这个小问题不要纠结,你知道这个是 data 里的 data 其实就是 data1 就是了、、
        5
    s609926202   85 天前
    @lovedebug 机智,,刚刚又检查了一次源码,,变量写错了 //
        6
    s609926202   85 天前
    此帖完结,楼主心大、、
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2543 人在线   最高记录 4019   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 19ms · UTC 12:09 · PVG 20:09 · LAX 04:09 · JFK 07:09
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1