當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素和 $set()

發布時間：2023/12/20 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素和 $set() 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

返回數組 ages 中所有元素都大于輸入框指定數值的元素:

<body><p>點擊按鈕返回數組 ages 中所有元素都大于輸入框指定數值的元素。</p> <p>最小年齡: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">點我</button> <p>所有大于指定數組的元素有？ <span id="demo"></span></p> <script> var ages = [32, 33, 12, 40]; function checkAdult(age) {return age >= document.getElementById("ageToCheck").value; } function myFunction() {document.getElementById("demo").innerHTML = ages.filter(checkAdult); } </script></body> </html>

$set()

往對象或者數組對象中添加新的屬性使得該屬性必須賦予get和set方法,才能在視圖中渲染,
往對象中添加新的屬性的方式:
局部設置:
1.this.$set(操作的對象,‘添加新的屬性名’,‘新的屬性值’)
2.Vue.set(操作的對象,‘添加新的屬性名’,‘新的屬性值’)

全局設置
3.vm.$set(操作的對象,‘添加新的屬性名’,‘新的屬性值’)

<div id="app"><ul><li v-for="(item,index) in stars" :key="item.id"><p>name:{{item.name}}</p><p>status:{{item.status}}</p></li></ul></div>stars:[{id:1,name:'賈玲'},{id:2,name:'陳赫'},]mounted(){this.stars.forEach(item=>{this.$set(item,'status','1')})}

總結

以上是生活随笔為你收集整理的点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素和 $set()的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：如何压缩图片大小？简单的图片压缩方法分享
下一篇：电机可以用到计算机应用吗,电机与控制应用