vantUI框架在vue專案中的應用踩坑

2021-08-21 16:51:13 字數 1069 閱讀 9990

細節未完善。參考位址編輯方面的應用。

1.訂單提交位址等元件的應用。

使用的元件有如下:

import  from 'vant'
主要是配貨位址編輯這塊;

search-result

詳細位址搜尋結果

所以去掉了,一是沒有做地理搜尋功能。而且發現模擬測試老是有bug,乾脆去掉。

2.預設list屬性。要重新定義。配合自己需要做的功能。文件給的屬性很少

list:[

],

原來的

,
,後新增詳細的資料,是為了方便後期做更改編輯功能。

3.位址json檔案。

預設要匯入全國位址表,

// 匯入 area.js

import arealist from '../../../config/area.min.js'

直接在函式。將資料繫結給了模型 arealist

:area-list="arealist"
預設資料型別物件。所以定義了乙個addr。否則老是報錯。但不影響程式執行。

addr重新組合了拿到的資料。壓入list裡去渲染,這裡做了下判斷是否儲存資料成功

let addr = new object;

console.log('content');

console.log(content);

let len = this.list.length + 1;

addr = ;

let is_add = this.list.push(addr);

5,編輯的時候。 onedit(item, index) 這個item就是我最先更改的list資料模型了。這裡有需要的地區code碼。這就是想要的。

因為跳到編輯頁面,需要將地區重新解析出來。測試時可以。

下方。測試**demo

關閉按鈕

按鈕

vue專案中vant ui按需匯入

前言 以前我使用ui元件庫的時候,總是全域性匯入,但是到了實際開發中,為了提公升效能,都會需要我們使用按需匯入。1 安裝 通過 npm 安裝 npm i vant s 通過 yarn 安裝 yarn add vant 2 匯入 我們先來說一下以前的匯入方式 全域性匯入 這種匯入方式直接在 main....

開源框架在專案中的應用

j2ee世界,是自由的世界,活躍的思維,一派百花齊放,百家爭鳴的景象。層出不窮的框架,已經達到了 亂花漸欲迷人眼的地步 不過所謂大浪淘沙,能沉澱下來的精品卻不是很多,現就自己用過的幾個發表下自己的體會。1。hibernate 個人認為屬於精品。本人曾用2.1 3.0兩個版本進行過實際專案的實施,結果...

springMVC框架在專案中的搭建

第一步 構建web專案 第二步 匯入所需jar包 第三步 配置前端控制器dispatcherservlet 第四步 編寫controller控制器 也稱為handler處理器 第五步 配置處理器對映器 可省去,有預設配置 第六步 配置處理器介面卡 可省去,有預設配置 第七步 配置視 析器 可省去,有...