国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - vue 計算屬性怎么傳參

瀏覽:99日期:2023-03-24 09:09:09

問題描述

計算屬性怎么傳參?

<ul> <li v-for='item in goods' : v-text='item.name'></li></ul>data: { goods: [{id: 2,type: 3,name: ’薯片’ },{id: 3,type: 5,name: ’冰紅茶’}]},computed: { goodsType: function(type){switch (type) { case 3:return 'color: #ff9900'break; case 5:return 'color: #00BC0C'break;} }}

問題解答

回答1:

傳不了參的,你可以寫成methods

回答2:

首先,計算屬性里的方法是傳不了參的,根據你的代碼我想你想要實現的是根據type的改變去返回顏色,那么你應該明白的是計算屬性返回的值只跟它里面的依賴有關,當依賴改變的時候就會觸發計算屬性去重新計算然后改變值,所以你應該讓type變成該vm的一個數據,進而成為該計算屬性的依賴。簡單代碼如下:

data: { goods: [], type: 0 //這個type作為你后面計算屬性的依賴項,通過其他方法改變它的值即可。},computed: { goodsType: function(){//這里將會依賴于此vm的type值,當type值改變,就會重新計算switch (this.type) { case 3:return 'color: #ff9900'break; case 5:return 'color: #00BC0C'break;} }}回答3:

這個需求用一個對象實例數據不就可以解決了嗎?

colors: { 3: ’#ff9900’, 5: ’#00BC0C’}

綁定 style 為 {color: colors[item.type]}

回答4:

https://cn.vuejs.org/v2/guide...計算-setter

計算屬性默認只有 getter ,不過在需要時你也可以提供一個 setter :

// ...computed: { fullName: { // getter get: function () { return this.firstName + ’ ’ + this.lastName }, // setter set: function (newValue) { var names = newValue.split(’ ’) this.firstName = names[0] this.lastName = names[names.length - 1] } }}// ...

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 毛片免费视频观看 | 国产成人精品久久二区二区 | a级毛片无码免费真人 | 国产精品二区三区免费播放心 | 影院亚洲 | 美女叉开腿让男人捅 | 性做爰片免费视频毛片中文i | 欧美一区二区三区不卡免费 | 精品视频免费在线 | 久久免费网| 国产成年人在线观看 | 黄在线观看网站 | 成人高清毛片a | 亚洲午夜网 | 免费一级欧美毛片 | 亚洲精品久久久久久久网站 | 日本a级片免费看 | 免费观看情趣v视频网站 | 91精品手机国产在线能 | 欧美成人三级网站在线观看 | 4四虎44虎www在线影院麻豆 | 亚洲乱强| 精品一区二区三区在线观看l | 91热久久免费频精品黑人99 | 天堂8中文在线 | 综合色久七七综合七七蜜芽 | 国产黄色美女 | 国产成人精品日本亚洲网址 | 搞黄网站免费观看 | 亚洲国产精品久久久久秋霞不卡 | 福利国产视频 | 男女男免费视频网站国产 | 精品欧美一区二区三区在线 | 国产欧美曰韩一区二区三区 | 欧美高清性色生活片免费观看 | 久久99精品久久久久久国产越南 | 免费 成年人 | 亚洲黄色在线播放 | 色婷婷国产精品欧美毛片 | 亚洲精品视频区 | 日本高清毛片视频在线看 |