代码之家 › 专栏 › 技术社区 › Park

Vuejs道具,路径较长

vue-props vuejs2 vue.js

Park · 技术社区 · 2 年前

我有一个部件带有这样的道具:

 props: {
   data: Object
 },

数据显示: {{ data.a.b.c.d.title }}

我想创建一个变量,比如:d=this。数据a、不列颠哥伦比亚省。

数据显示: {{ d.title }}

创建此变量的最佳实践是什么?

1 回复 | 直到 2 年前

danh 2 年前

使用计算道具,就像这样。。。

props: {
  data: Object
},
computed: {
  d() {
    return this.data.a.b.c.d;
  }
},

<!-- in the markup -->
<p>{{ d.title }}</p>

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

2 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

2 年前

roev · 大堆来自(物体)。forEach不使用vue。js

2 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

6 年前

Ready Dev · Axios一次发出多个请求(vue.js)

6 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

6 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

6 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

6 年前

Tim · VueJS-迭代从AJAX调用返回的数据

6 年前