用vue写一个2015到当前年的数组
时间: 2023-04-04 19:02:32 浏览: 57
好的,以下是用 Vue 写一个 2015 到当前年的数组的代码:
```
<template>
<div>
<ul>
<li v-for="year in years" :key="year">{{ year }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
years: []
}
},
mounted() {
const currentYear = new Date().getFullYear()
for (let i = 2015; i <= currentYear; i++) {
this.years.push(i)
}
}
}
</script>
```
希望能够帮到你!
相关问题
使用vue写一个数组过滤方法
可以使用Vue的计算属性来实现数组过滤,实现方法如下:
```html
<template>
<div>
<input type="text" v-model="searchText" placeholder="请输入搜索关键字">
<ul>
<li v-for="item in filteredList">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
list: ['apple', 'banana', 'orange', 'pear'],
searchText: ''
}
},
computed: {
filteredList() {
return this.list.filter(item => item.includes(this.searchText))
}
}
}
</script>
```
在上面的代码中,我们定义了一个 `list` 数组和一个 `searchText` 变量用于绑定搜索框的输入值。然后,我们使用计算属性 `filteredList` 来过滤数组,只显示包含搜索关键字的项。在模板中,我们使用 `v-for` 指令循环渲染过滤后的列表。
使用vue写一个去掉数组中相同元素的代码
可以使用以下代码实现:
```javascript
let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = [...new Set(arr)];
```
这样就能得到去重后的数组 `uniqueArr`,它的值为 `[1, 2, 3, 4, 5]`。
需要注意的是,在Vue中并没有提供去重功能,这只是一个普通的JavaScript数组操作。