使用vue写的代码，赋值不起作用

今天想把之前写的.we的工程改成.vue的，居然发现赋值没有起作用(见代码中注释)。
试了很久都没有办法解决，到这里请教下前端高手。
template内的 {{ myName }} 不被更新，但通过toast看到this.myName的值已经变了啊！
代码如下：

<template>
    <div style="flex-direction: row;">
        <div>
            <text>Name: {{ myName }}</text>
        </div>
        <div>
            <text @click="changeName" style="margin: 100px;">点击更新</text>
        </div>
    </div>
</template>
<script>
    var modal = weex.requireModule('modal');
    var self = this
    module.exports = {
        data: function () {
            return {
                myName: '1111'
            }
        },
        methods: {
            changeName: function() {
                this.myName = '赋值';  // {{ myName }} 不被更新！！！
                modal.toast({'message':'name = ' + this.myName,'duration':1});  // this.myName已经变成“赋值”
            }
        }

    }
</script>```

vue.js weex

阅读 5.5k

3 个回答

得票最新