mounted:function(){ this.patSex = this.patSex || this.defaultCard.patSex; this.patName = this.patName || this.defaultCard.patName; this.patAge = this.patAge || this.defaultCard.patAge; this.patRelation = this.patRelation || this.defaultCard.patRelation; this.patIdNo = this.patIdNo || this.defaultCard.patIdNo; this.queryCardInfo(); },
时间: 2024-04-03 10:37:14 浏览: 109
这段代码是在Vue.js中的一个组件中的生命周期钩子函数mounted中执行的。它首先会对this.patSex,this.patName,this.patAge,this.patRelation和this.patIdNo进行赋值操作,如果这些值为null或undefined,则会使用this.defaultCard中的对应属性值进行赋值。然后会调用this.queryCardInfo()函数查询患者的相关信息。
相关问题
优化此段代码 menuMap: { '/dashboard': 'Dashboard', '/profile': 'Profile' } // 监听路由,一级菜单隐藏返回按钮 $route(to, from) { if (this.$route.path == '/dashboard') { this.parentRname = "Dashboard"; } if (this.$route.path == '/profile') { this.parentRname = "Profile"; } if (this.$route.path != '/dashboard' && this.$route.path != '/profile') { this.showBack = true; } else { this.showBack = false; } }, created() { eventBus.$on('parentRouters', status => { this.parentRouter = status; this.setRouter(); }); mounted() { if (parent) { this.parentRouter = parent; this.setRouter(); } methods: { setRouter() { const { path } = this.$route; this.showBack = !!this.menuMap[path]; this.parentRname = this.menuMap[path] || this.parentRouter || ''; },
可以将代码中的 if 语句简化为以下形式:
```
this.parentRname = this.menuMap[this.$route.path] || '';
this.showBack = this.$route.path !== '/dashboard' && this.$route.path !== '/profile';
```
这里使用了 JavaScript 中的逻辑运算符来判断是否需要显示返回按钮和设置父级路由名称。同时,使用了对象属性访问器来获取对应路径的菜单名称。可以将这段代码替换原来的 $route 方法和 setRouter 方法,使代码更加简洁易读。
mounted(){ this.goods = JSON.parse(localStorage.getItem("goods")) || [] axios({ method:"get", url:"/goodlist" }).then((res)=>{ this.goodList = res.data.goodlist; console.log(res) console.log(this.goodList) this.goodList1 = this.goodList.find( (item) => item.id === this.$route.params.id ) }) }
这是一个Vue.js的生命周期钩子函数 `mounted()`,在组件挂载后被调用。代码中通过 `axios` 发送一个 GET 请求,获取 `/goodlist` 路径的数据。当请求成功后,将返回的数据赋值给 `this.goodList`,并将 `this.$route.params.id` 参数与 `this.goodList` 中的元素进行匹配,找到对应的商品信息并赋值给 `this.goodList1` 变量。同时,代码中还使用了本地存储 `localStorage` 来保存 `this.goods` 变量。如果本地存储中没有 `goods` 变量,则将其赋值为空数组 `[]`。
阅读全文