docs: add import when using Toast or Notify
This commit is contained in:
+8
-8
@@ -2,7 +2,7 @@
|
||||
|
||||
### Install
|
||||
|
||||
```javascript
|
||||
```js
|
||||
import Vue from 'vue';
|
||||
import { Sku } from 'vant';
|
||||
|
||||
@@ -182,7 +182,7 @@ Use [ref](https://vuejs.org/v2/api/#ref) to get Sku instance and call instance m
|
||||
|
||||
### Sku Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
sku: {
|
||||
tree: [
|
||||
{
|
||||
@@ -253,7 +253,7 @@ sku: {
|
||||
|
||||
### properties Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
[
|
||||
{
|
||||
k_id: 123,
|
||||
@@ -277,7 +277,7 @@ sku: {
|
||||
|
||||
### initialSku Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
{
|
||||
// Key:skuKeyStr
|
||||
// Value:skuValueId
|
||||
@@ -292,7 +292,7 @@ sku: {
|
||||
|
||||
### Goods Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
goods: {
|
||||
title: 'Title',
|
||||
picture: 'https://img.yzcdn.cn/1.jpg'
|
||||
@@ -302,7 +302,7 @@ goods: {
|
||||
|
||||
### customStepperConfig Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
customStepperConfig: {
|
||||
// custom quota text
|
||||
quotaText: 'only 5 can buy',
|
||||
@@ -334,7 +334,7 @@ customStepperConfig: {
|
||||
|
||||
### messageConfig Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
messageConfig: {
|
||||
// the upload image callback
|
||||
uploadImg: () => {
|
||||
@@ -355,7 +355,7 @@ messageConfig: {
|
||||
|
||||
### Events Params Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
skuData: {
|
||||
goodsId: '946755',
|
||||
messages: {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
### 引入
|
||||
|
||||
```javascript
|
||||
```js
|
||||
import Vue from 'vue';
|
||||
import { Sku } from 'vant';
|
||||
|
||||
@@ -188,7 +188,7 @@ Sku 组件默认划分好了若干区块,这些区块都定义成了插槽,
|
||||
|
||||
### sku 对象结构
|
||||
|
||||
```javascript
|
||||
```js
|
||||
sku: {
|
||||
// 所有sku规格类目与其值的从属关系,比如商品有颜色和尺码两大类规格,颜色下面又有红色和蓝色两个规格值。
|
||||
// 可以理解为一个商品可以有多个规格类目,一个规格类目下可以有多个规格值。
|
||||
@@ -244,7 +244,7 @@ sku: {
|
||||
|
||||
### properties 对象结构
|
||||
|
||||
```javascript
|
||||
```js
|
||||
[ // 商品属性
|
||||
{
|
||||
k_id: 123, // 属性id
|
||||
@@ -268,7 +268,7 @@ sku: {
|
||||
|
||||
### initialSku 对象结构
|
||||
|
||||
```javascript
|
||||
```js
|
||||
{
|
||||
// 键:skuKeyStr(sku 组合列表中当前类目对应的 key 值)
|
||||
// 值:skuValueId(规格值 id)
|
||||
@@ -287,7 +287,7 @@ sku: {
|
||||
|
||||
### goods 对象结构
|
||||
|
||||
```javascript
|
||||
```js
|
||||
goods: {
|
||||
// 商品标题
|
||||
title: '测试商品',
|
||||
@@ -298,7 +298,7 @@ goods: {
|
||||
|
||||
### customStepperConfig 对象结构
|
||||
|
||||
```javascript
|
||||
```js
|
||||
customStepperConfig: {
|
||||
// 自定义限购文案
|
||||
quotaText: '每次限购xxx件',
|
||||
@@ -330,7 +330,7 @@ customStepperConfig: {
|
||||
|
||||
### messageConfig Data Structure
|
||||
|
||||
```javascript
|
||||
```js
|
||||
messageConfig: {
|
||||
// 图片上传回调,需要返回一个promise,promise正确执行的结果需要是一个图片url
|
||||
uploadImg: () => {
|
||||
@@ -351,7 +351,7 @@ messageConfig: {
|
||||
|
||||
### 添加购物车和点击购买回调函数接收的 skuData 对象结构
|
||||
|
||||
```javascript
|
||||
```js
|
||||
skuData: {
|
||||
// 商品 id
|
||||
goodsId: '946755',
|
||||
|
||||
Reference in New Issue
Block a user