vuejs2 - vue中如何访问对象的对象方法
问题描述
我正在尝试从 Vue 中的对象中获取所有键。
我已经知道在 JavaScript 中执行此操作。IE;
const object1 = {
a: 'somestring',
b: 42,
c: false
};
console.log(Object.keys(object1));
输出将是一个数组。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
您将如何在 Vue 的方法中执行此操作?
methods: {
getKeys(object1){
...
},
},
并解释你将如何面对这样的其他差异?
解决方案
将方法绑定到事件:
new Vue({
el: "#app",
data: {
object1: {
a: 'somestring',
b: 42,
c: false
}
},
methods: {
getKeys(object) {
console.log(Object.keys(object));
}
}
})
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app">
<button @click="getKeys(object1)">getkeys</button>
</div>
推荐阅读
- vba - 如何将选定的图表名称分配给单元格(而不是相反)?
- powershell - Powershell 行情
- r - 每次尝试使用 R 中的块代码在 Texmaker 中运行我的 Latex 文档时都会出现错误
- javascript - 具有两列的倾斜全宽布局
- wordpress - 如何通过 WordPress 插件 ShortCoder 在不同的网站上提交表单
- spring-boot - 使用 API 网关的微服务认证和授权
- c - “程序收到信号 SIGSEGV,分段错误” 尝试使用递归获取 3 字符组合的所有关键字时
- sql - 如何将此 SAS 代码转换为 SQL Server 代码?
- python - 使用 scrapy 进行新更改后的 Instagram 抓取
- php - 如何将查询 url 参数传递给树枝模板