vue 怎么调方法里面的赋值
时间: 2023-12-03 19:42:06 浏览: 102
如果你想在 Vue.js 中调用方法并赋值,可以使用以下两种方式:
1. 使用 `this` 关键字来访问 Vue 实例中的数据:
```
<template>
<div>
<button @click="setValue">设置值</button>
</div>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
setValue() {
this.value = 'hello world'
}
}
}
</script>
```
在上面的例子中,当点击按钮时,会调用 `setValue` 方法并将 `value` 的值设置为 `'hello world'`。
2. 将数据作为参数传递给方法:
```
<template>
<div>
<button @click="setValue('hello world')">设置值</button>
</div>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
setValue(newValue) {
this.value = newValue
}
}
}
</script>
```
在上面的例子中,当点击按钮时,会调用 `setValue` 方法并将 `'hello world'` 作为参数传递进去,方法内部再将该值赋给 `value`。
阅读全文