vue.js - 更改vue js中params函数返回的数据

Question

我这里有这段代码:

<template>
    <div>
        <button @click="changeData(text)">click me !</button>
        <p>{{ text }}</p>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                text: 'lorem'
            }
        },
        methods: {
            changeData(param){
                this.param = 'lorem 1'
            }
        }
    }
</script>

我想单击按钮，然后通过函数changeData中的参数更改“text”变量

Answer 1

如果您想更改值文本变量，则应将您在函数中作为值传递的“parm”值分配给文本(局部变量)。示例:

   <template>
        <div>
            <button @click="changeData('NewValue')">click me !</button>
            <p>{{ text }}</p>
        </div>
    </template>

    <script>
        export default {
            data () {
                return {
                    text: 'lorem'
                }
            },
            methods: {
                changeData(param){
                    this.text=param
                }
            }
        }
</script>