为什么这里的vue.js渲染不出来呢?请问哪里写错了?谢谢。

            
<textarea v-model="content"></textarea>
<button v-on:click="content2Get">Get</button>
<textarea>{{ content2 }}</textarea>
                

var vm1 = new Vue({
    el: '#app',
    data: {
        content: '',
        content2: '',
    },
    methods: {
        content2Get: function () {
            content2 = this.content;
            console.log(content2);
            return content2
        },
    },
})

为什么 <textarea>{{ content2 }}</textarea>这里content2渲染不出来呢?请问哪里写错了?
正在学习用methods。
谢谢。

阅读 2.4k
2 个回答

this.content2 = this.content改成这样就可以了

你需要 https://github.com/vuejs/vue-...

这个来查看你的data里面各个属性的当前值,这样你就能比较好的确定到底是哪里的代码问题。

放在你的这个例子来看,是你没有给你 content2 赋值成功,

return content2没有意义 是不会赋值。 要修改的是 this.content2 = this.content

推荐问题