<template>
<view class="home">
<view class="sousuo">
<view class="linli ">
<input class="fs24 cola flex-grow-1" v-model="q" @focus="searchClick" placeholder="请输入搜索的内容"></input>
<view class="xilu_search_btn btn1" @click="searchConfirm(q)">搜索</view>
</view>
</view>
<view >
<view class="fs45 mt25 ">搜索结果</view>
<view>
{{re}}
</view>
</view>
<view style="margin-top: 30rpx;">
<view></view>
<view class="homeson" v-for="(item,index) in arrlistph" :key="item.id">
<view>
{{index+1}}.
</view>
<view>
{{item.title}}
</view>
<view>
{{item.phone}}
</view>
<view @click="deletes(index)">删除</view>
</view>
</view>
部门<input class="inputs" type="text" v-model="bumen" />
电话<input class="inputs" type="number" v-model="tphone" />
<button type="primary" size="mini" @click="pushs()">增加</button>
<button type="primary" size="mini" @click="fabu()">发布</button>
<button type="primary" size="mini" @click="test()">测试</button>
</view>
</template>
<script>
export default {
data() {
return {
q:"",
re:"",
arrlistph: [{
id: 1,
title: "物业",
phone: 15555555
},
{
id: 2,
title: "物业",
phone: 115555555
},
],
bumen: "",
tphone: ""
};
},
methods: {
test(){
console.log(this.arrlistph[0].title)
},
pushs() {
let that = this
this.arrlistph.push({
id: Date.now(),
title: this.bumen,
phone: this.tphone
})
// console.log(this.arrlistph)
},
deletes(index) {
this.arrlistph.splice(index, 1)
},
searchClick() {
this.showStatus = true;
},
searchConfirm(e){
let that=this;
console.log(this.arrlistph[0].title);
console.log(e)
for(let i=0; i<=this.arrlistph.length; i++){
console.log(this.arrlistph[i].title);
}
}
}
}
</script>
4 个回复
爱豆豆 - 办法总比困难多
你这个数组在默认只有2条数据 但是你循环却用了<= length
默认length=2 循环是从0开始的 会循环3次 0 1 2 但实际上你只有 0 1是存在的
所以是你的判断写错了 把=删掉即可
for(let i=0; i<this.arrlistph.length; i++) 就可以了
爱豆豆 - 办法总比困难多
searchConfirm 是在哪里调用的
你发个完整的vue文件出来 帮你看下
8***@qq.com (作者)
上面自己定义了个点击事件 感谢☺
2024-04-26 10:27
8***@qq.com (作者)
<template>
<view class="home">
<view class="sousuo">
<view class="linli ">
<input class="fs24 cola flex-grow-1" v-model="q" @focus="searchClick" placeholder="请输入搜索的内容"></input>
<view class="xilu_search_btn btn1" @click="searchConfirm(q)">搜索</view>
</view>
</view>
<view >
<view class="fs45 mt25 ">搜索结果</view>
<view>
{{re}}
</view>
</view>
<view style="margin-top: 30rpx;">
<view></view>
<view class="homeson" v-for="(item,index) in arrlistph" :key="item.id">
<view>
{{index+1}}.
</view>
<view>
{{item.title}}
</view>
<view>
{{item.phone}}
</view>
<view @click="deletes(index)">删除</view>
</view>
</view>
部门<input class="inputs" type="text" v-model="bumen" />
电话<input class="inputs" type="number" v-model="tphone" />
</template>
<script>
export default {
data() {
return {
q:"",
re:"",
arrlistph: [{
id: 1,
title: "物业",
phone: 15555555
},
{
id: 2,
title: "物业",
phone: 115555555
},
],
bumen: "",
tphone: ""
};
},
methods: {
test(){
console.log(this.arrlistph[0].title)
},
pushs() {
let that = this
this.arrlistph.push({
id: Date.now(),
title: this.bumen,
phone: this.tphone
})
// console.log(this.arrlistph)
},
deletes(index) {
this.arrlistph.splice(index, 1)
},
searchClick() {
this.showStatus = true;
},
searchConfirm(e){
let that=this;
console.log(this.arrlistph[0].title);
console.log(e)
for(let i=0; i<=this.arrlistph.length; i++){
console.log(this.arrlistph[i].title);
}
}
}
}
</script>
研究生补鸭蛋
for(let i=0; i<=this.arrlistph.length; i++){
console.log(this.arrlistph[i].title);
}。
最后一次循环 i === 2. this.arrlistph[2]肯定undefined
8***@qq.com (作者)
明白了,感谢感谢
2024-04-26 10:39