码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js_getter and setter

时间:2017-03-26 17:02:23      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:getter   type   input   logs   rip   中间   length   color   ret   

<div id="test2">
        <input type="text" v-model="message" /><span>请输入您的姓名和电话号码,中间用“,”分隔</span>
        <p>{{info}}</p>
    </div>
    <script>
        var test2 = new Vue({
            el: "#test2",
            data: {
                message: "leona,18085558666",
            },
            computed: {
                info: {
                    get: function () {
                        var newMessage = this.message.split(",");
                        return "您的姓名是:" + newMessage[0] + "\r\n您的电话号码是:" + newMessage[newMessage.length-1];
                    },
                    set: function (newVal) {
                        this.message = newMessage;
                    }
                }
            }
        })
    </script>

computed 计算属性:

get 读取

set 写入

Vue.js_getter and setter

标签:getter   type   input   logs   rip   中间   length   color   ret   

原文地址:http://www.cnblogs.com/leona-d/p/6623284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!