组件报错“属性未定义”

showers

这是组件的代码：

1. <import name="switch" src="./Switch.ux"></import>
3. <template>
4. <div class="time-item"
5. @click="{{$emit('click')}}"
6. >
7. <div class="time-item-display">
8. <text class="time-item-display-{{chooseTitleClass(title)}} {{status ? 'active':'inactive'}}">
9. {{title.length < 11 ? title : title.slice(0,10) + "..."}}
10. </text>
11. <text class="time-item-display-desc {{status ? 'active':'inactive'}}"
12. for="{{desc}}"
13. >
14. {{$item}}
15. </text>
16. </div>
17. <div class="time-item-switch">
18. <switch value="{{status}}"
19. color="#30C0B1"
20. @touch="onSwitchClick(status)"
21. ></switch>
22. </div>
23. </div>
24. </template>
26. <script>
27. export default {
28. props: {
29. title: String,
30. desc: {
31. type: Array,
32. default() {
33. return []
34. }
35. },
36. active: Boolean
37. },
38. // 数据
39. data() {
40. return {
41. status: this.active
42. }
43. },
44. /* ----------------------------------------- 生命周期 ----------------------------------------- */
45. onInit() {
46. },
47. /* ----------------------------------------- 绑定函数 ----------------------------------------- */
48. /**
49. * 开关点击
50. */
51. onSwitchClick(status) {
52. this.status = !status;
53. this.$emit("change", this.status);
54. },
55. /* ----------------------------------------- 自定义函数 ----------------------------------------- */
56. /**
57. * 选择标题的类。时间的字符，文字要放大。
58. * @param title
59. * @returns {string}
60. */
61. chooseTitleClass(title) {
62. return title.match(/^\d{2}\:\d{2}$/) ? 'time' : 'title';
63. }
64. }
65. </script>

复制代码

使用的时候，会报出这样的错误： 到底是什么原因？props 和 data 我都是按照手册设置的。

这叫什么事啊

time的确是没有定义

kfdykme

最简单的 props:[ 'time', 'status']

showers

原因好像是我的「数组」上，有多余的属性，即使我没有给组件赋值。