vue-筛选

< template >
< div >
< input type = " text " value = "" v-model = " input_value " >
< ul >
< li v-for = " ( item , index ) in newArr " :key = ' index ' > {{ item }} </ li >
</ ul >
</ div >
</ template >
< script >
export default {
name : ' HelloWorld ' ,
data () {
return {
arr : [ ' 熊大 ' , ' 熊二 ' , ' 光头强 ' ],
input_value : ''
}
},
computed : {
newArr : function (){
var array = [];
for ( var i = 0 ; i < this . arr . length ; i ++ ){
if ( this . arr [ i ]. indexOf ( this . input_value ) != - 1 ){
array . push ( this . arr [ i ]);
}
}
return array ;
}
}
}
</ script >

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值