vue中用深拷贝 this.points = []; this.init(this.routes); setTimeout(() => { // this.points = []; this.routes=JSON.parse(JSON.stringify(this.array));; this.init(this.routes); console.log("888",this.routes); },30000);出错Unnecessary semicolon no-extra-semi
时间: 2024-02-14 19:26:26 浏览: 25
这个错误是因为代码中有多余的分号。在你的代码中，第5行和第10行的分号是多余的，可以将它们删除掉。修正后的代码如下所示：
```javascript
this.points = [];
this.init(this.routes);
setTimeout(() => {
// this.points = [];
this.routes = JSON.parse(JSON.stringify(this.array));
this.init(this.routes);
console.log("888", this.routes);
}, 30000);
```
请注意，删除多余的分号不会影响代码的功能，但会提高代码的可读性。
相关问题
<img :src="img"> 再赋值 this.img = "../../img/dog.png" 这样可以吗
可以的。Vue.js中的`:src`是一个动态绑定的属性，可以通过`v-bind`或者简写的冒号语法来绑定一个变量。因此，您可以在Vue组件的`data`选项中定义一个名为`img`的变量，并在组件中使用`:src="img"`来动态绑定图片路径。在需要修改图片路径时，只需要在Vue实例中使用`this.img`来更新该变量的值即可。
例如，您可以这样定义Vue组件：
```
<template>
<div>
<img :src="img">
</div>
</template>
<script>
export default {
data() {
return {
img: "../../img/dog.png"
}
},
methods: {
updateImg() {
this.img = "../../img/cat.png";
}
}
}
</script>
```
在上面的示例中，我们定义了一个名为`img`的变量，并在组件中使用`:src="img"`来动态绑定图片路径。在`updateImg`方法中，我们可以通过`this.img`来修改图片路径，从而更新显示的图片。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.47/vue.cjs.js"></script> <script src="../../../vue.config.js"></script> </head> <body> <div id="app"> <p>{{message}}</p> </div> <script> import Vue from 'vue' var app=new Vue({ el : '#app', data : { message : 'hello world' }, template:'<div>{{message}}</div>', created () { this.getIndexHtml() }, methods:{ getIndexHtml() { fetch('index.html') .then(res=>res.text()) .then(html=>{ this.index.Html = html }) } } }) </script> </body> </html>打开网页以后页面没有进行vue渲染
在你的代码中，有两个问题：
1. 在浏览器中无法直接使用 `import` 语法，需要使用 `script` 标签来引入 Vue 库，或者使用打包工具将代码打包成浏览器可识别的代码。因此，你需要将 `import Vue from 'vue'` 改成 `var Vue = window.Vue` 或者引入 Vue 库的 `CDN` 地址。
2. 在 Vue 3.x 版本中，不再支持使用 `template` 属性直接定义模板，需要使用 `render` 函数或者 `.vue` 单文件组件的方式来定义模板。因此，你需要将 `template` 属性的值改成 `render` 函数。
下面是修改后的代码：
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.47/vue.cjs.js"></script>
<script src="../../../vue.config.js"></script>
</head>
<body>
<div id="app">
<p>{{message}}</p>
</div>
<script>
var Vue = window.Vue // 或者使用 Vue 的 CDN 地址来引入 Vue 库
var app=new Vue({
el : '#app',
data : {
message : 'hello world'
},
render(h) { // 使用 render 函数来定义模板
return h('div', this.message);
},
created () {
this.getIndexHtml()
},
methods:{
getIndexHtml() {
fetch('index.html')
.then(res=>res.text())
.then(html=>{
this.index.Html = html
})
}
}
})
</script>
</body>
</html>
```
注意：由于你的代码中还涉及到 `vue.config.js` 文件，因此你需要确认这个文件是否存在并且正确引入。
相关推荐
最新推荐
Vue 解决通过this.$refs来获取DOM或者组件报错问题
主要介绍了Vue 解决通过this.$refs来获取DOM或者组件报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
router.beforeEach((to, from, next) => { if(vue){ vue.$vux.loading.hide() }else{ } next() }) let vue = new Vue({ el: '#app', router, store, components: { App }, template: '<App>' }) if判断...
Vue学习.pdf（Vue学习个人笔记资料-菜鸟入门）
适合想要学习Vue.js前端框架的新人、复习资料，里面资料都是个人从0开始学习所总结的笔记（希望能帮到更多人）
vue脚手架与项目安装.doc
前端vue开发配置本地开发环境node+webpack+cnpm+vue,配置环境到创建第一个项目并在本地运行，喜欢的小伙伴记得点个赞就行，里面是配置文档，照着一步一步来即可，很方便
vue获取当前IP所在地天气.docx
原生的vue源代码，使用vue获取当前IP，并且获取到当前所在地天气.docx，亲测有效，有问题可一直私聊我
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
实现实时数据湖架构：Kafka与Hive集成
# 1. 实时数据湖架构概述**
实时数据湖是一种现代数据管理架构，它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同，实时数据湖不依赖于预先定义的模式，而是采用灵活的架构，可以处理各种数据类型和格式。这种架构为企业提供了以下优势：
- **实时洞察：**实时数据湖允许企业访问最新的数据，从而做出更明智的决策。
- **数据民主化：**实时数据湖使各种利益相关者都可
可见光定位LED及其供电硬件具体型号，广角镜头和探测器，实验设计具体流程步骤，
1. 可见光定位LED型号：一般可使用5mm或3mm的普通白色LED，也可以选择专门用于定位的LED，例如OSRAM公司的SFH 4715AS或Vishay公司的VLMU3500-385-120。
2. 供电硬件型号：可以使用常见的直流电源供电，也可以选择专门的LED驱动器，例如Meanwell公司的ELG-75-C或ELG-150-C系列。
3. 广角镜头和探测器型号：一般可采用广角透镜和CMOS摄像头或光电二极管探测器，例如Omron公司的B5W-LA或Murata公司的IRS-B210ST01。
4. 实验设计流程步骤：
1）确定实验目的和研究对象，例如车辆或机器人的定位和导航。
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。