最近在用jqm做頁面開發,然而在今天遇到了乙個新問題。
業務需要獲取資料庫的使用者資訊顯示在乙個可編輯的表單中,其中有個性別的字段顯示在乙個下拉列表中
男
女
需要根據使用者性別在選項中選擇其一新增selected的屬性,在頁面中顯示該選項為選中狀態。
js內進行的邏輯判斷如下
if(p_*** == "male")else
執行網頁後
顯然女性選項已經加入了 selected 屬性,但介面元件顯示的還是男
原因:js雖然改變了標籤的屬性,但使用jqm元件的話需要呼叫重新整理這個元件的方法才會更新元件顯示的內容
解決方案:
$("#petname").val(pet_json["petname"]);
var pet_*** = pet_json["***"];
if(pet_*** == "male")else
$("#pet***").selectmenu("refresh",true);
在修改完標籤屬性後對select元件呼叫selectmenu方法重新整理顯示內容。 工作記錄 vue封裝粘性布局元件
最近專案中有些業務場景需要用到粘性布局,元件庫使用的是element,檢視了文件發現element元件庫並沒有粘性布局的元件,又不能引入其他庫,網上找了許多,只發現一篇vue affix元件不過使用之後並不能達到我需要的效果,所以做了修改。思路就是利用css的position fixed。當元素位置...
Echart 元件的記錄
1.1 echart 官方事例 通過 echarts.init 方法初始化乙個 echarts 例項並通過 setoption 方法生成乙個簡單的柱狀圖,下面是完整 在實際使用中,依據實際需求對option進行設定 預製給乙個模板option,然後依據實際需要,對相應的屬性進行修改。在實現的時候可以...
vue學習記錄 (元件通訊 父與子)
今天我們看一下元件通訊。經過前面幾篇文章,我們已經可以構建出完整的單個元件,並利用路由使其串聯起來訪問了。但這明顯還是不夠的。乙個頁面不可能就是個單元件,一般是由多個元件合成的。正因為如此,元件之間肯定是有相互關係的,我們就稱這種現象叫元件通訊。比如父元件發生了某項改變,子元件會跟著相應發生變化 反...