vue中如何將變數帶給class的屬性名
遇到一個需求,設想是這樣,我們需要根據不同的status給li設定樣式,那麼必須給li新增動態的class,新增方法如下:
<li :class="setClass(item.status)" v-for="(item, index) in dataLists1" :key="index" ></li>
// 將class賦值給方法,動態生成物件
setClass (item) {
let obj = {};
obj[type[item]] = true;
return obj;
},
PS: type 是從外引入的一個物件。
export const type = {
1: 'red',
2: 'yellow',
3: 'green',
4: 'blue',
5: 'purple',
all: 'pink'
}
相關推薦
vue中如何將變數帶給class的屬性名
遇到一個需求,設想是這樣,我們需要根據不同的status給li設定樣式,那麼必須給li新增動態的class,新增方法如下: <li :class="setClass(item.status)" v-for="(item, index) in dataLists1"
Vue用v-for給src屬性賦值
我的程式碼結構如下面程式碼所示,無法執行,在img中的src屬性中無法用mustache表示法 <div id="test"> <div v-for="item in lists"> <img src="{
vue中v-for迴圈如何將變數帶入class的屬性名中
開發中碰到的需求如下:如何實現?參考vue官方文件,沒有找到。文件針對class的物件語法是在明確屬性名的情況下,通過true or false動態顯示class名,class名是固定的,針對class的陣列語法雖然class名是動態的,但不適用v-for迴圈。而本例是在v-
js 一個物件的屬性名是一個變數怎麼處理?
1.這種方法的屬性(setAttrName)可以是一個變數。 var obj = {}; obj[setAttrName] = 'Tom' 2.這樣就可以動態的給js物件新增變數屬性。 var
XStream生成的XML中帶class屬性,去掉class屬性
使用XStream將物件轉化成XML時遇到一個問題: xml元素上帶class屬性。如: 解決辦法: XStream xStream = new XStream(); xStream.autodetectAnnotations(true); xStream.a
js函式帶括號和不帶括號賦給物件屬性的區別
注意: 1.js為物件新增函式時,不要在函式後面加()。一旦加了括號是表示將函式的返回值賦給物件的屬性。 例:function test(){ document.writeln("我是js函式") } var obj = new Object(); obj.info=new function(
javascript中物件的屬性名為變數的場景
今天幫夥伴解決一個問題,開發功能中物件的屬性名是一個變數。按照他編寫的程式碼賦值後的物件,直接將變數名作為了屬性名。以下是其編寫程式碼: var aa = "ok"; var bb = "no"; var obj = {aa:bb}; console.log(obj);
python函式中將變數名轉換成字串
考慮到在日常中,常常需要對模型指標輸出,但涉及多個模型的時候,需要對其有標示輸出,故需要將模型變數名轉換成字串。看到的基本方法有兩種: 一、方法層面: 方法1(函式內推薦): def namestr(obj, namespace): return [name for
關於vue數組中對象屬性變更頁面沒重新渲染的問題
時間 index 檢測 self eno 解決 數據 屬性 rep 前段時間做開發的時候用mqtt監聽了服務端信息,推送過來的數據要變更數組裏面的對象的數據,修改好後但是頁面並沒有更新,因為javascript機制,vue並不能檢測到數組變化,也是查閱知道了$set()函數
vue父組件給子傳參
title .... pro 傳參 ops data child html prop 父: html ....... <child :title="sontitle"></child> ...... js data: sont
高考帶給了我們什麽..........
中國人 知識點 二元論 北京 聯想 高考帶給了我們什麽?最近一直在思考這個問題。或者擴展一下思考,高考為我們的未來帶來的哪些可能?高考的智商,情商二元對立論? 我一直不同意上邊的這個觀點,相反,一直以為。智商高的人情商也低不到哪去!中國人一般會用成績的好壞來定義智商
通過js獲取class類名的函數封裝
clas ret -1 .class class urn getclass ++ 不同 通過className獲取元素,不同的瀏覽器會有不同的支持情況,所以為了兼容各個瀏覽器在這裏,我寫了幾個函數獲取className的值 function byclass(classn){
奇葩說結束了,但帶給我的思考卻剛剛開始
老羅 告訴 可能性 問題 我只 似的 存在 避風港 學習 引子 我像一個腦殘粉似的追了奇葩說四季,從不喜歡到深愛,這個變化也驚到我自己了。雖然第四季結束了,但我卻得到了很多思考,尤其是最後一場表演賽。我一直覺得我們終究會變為自己討厭的樣子是不好的,但換個角度其實這也是成長,
全景改變生活 帶給人們最愉快的體驗
酷雷曼 2017互聯網+ “全景改變生活”產業發展研討會首站活動將在泰安寶龍福朋酒店啟動,山東廣播電視臺齊魯網與河圖傳媒將聯合政府部門、企事業單位,以及省內外相關領導、專家、攝影愛好者,分享互聯網+ 全景發展的成果和經驗,探討全景行業問題動態,共謀全景產業發展前景。 運通鳳凰星城3DV
jQuery 給class附點擊事件獲取對應的索引
進行 ntb query 索引 其他 nbsp 有用 point 但是 有一類div標簽,class為pointbox,數量不等,有多個。我需要在點擊某一個標簽的時候實時獲取該標簽在這類標簽中索引值,以便進行其他操作。 代碼很簡單: $(".pointbox").click
小小時鐘帶給我大大的思考-制作個時鐘插件
自己 ado margin before 真理 func 也看 function 一個 【來源】由於自己非計算機出身,所以對於底層的一些常識的認識不夠;近期開始自修《網易雲課堂》的大學四年計算機,碰到了一個通過三角函數計算角度的問題;為了讓自己重溫三角函數知識,引出了之後一
vue-cli 利用 webpack 給生產環境和發布環境配置不同的接口地址的三種方法
方法 -1016 開發環境 class 們的 pack json config proc 第一種方法: 在/config/dev.env.js下配置如下 在/config/prod.env.js下配置如下 已經分別設定路徑,接下來就是如何調用的問題了。 原來api文件
全棧JavaScript之路(十四)HTML5 中與class屬性相關的擴充
mov html5 表示 方法 popu dom add data- token 1. getElementByClassName() :支持getElementsByClassName()方法的瀏覽器有IE 9+、Firefox 3+、Safari
關於Name ID class屬性的區別
mic 屬性的區別 邏輯結構 關於 ... 思想 邏輯 後臺 html 1、name:是表單標簽(input)專有的屬性,其他Html標簽沒有。 是要提交給後臺的,name是否能重復,要根據<input>的type來決定。 2、ID是所有
C#通過對象屬性名修改值
需要 set 進行 object zh-cn tty on() 基礎 reat 摘自:csdn 給一個對象屬性賦值可以通過PropertyInfo.SetValue()方式進行賦值,但要註意值的類型要與屬性保持一致。 創建對象實例的兩種方法: 1. var o