https://github.com/pwcong/vue-expressions-baidu

A Vue Component about Baidu Expressions.
https://github.com/pwcong/vue-expressions-baidu

baidu-expressions vue

Last synced: about 2 months ago
JSON representation

A Vue Component about Baidu Expressions.

• Host: GitHub
• URL: https://github.com/pwcong/vue-expressions-baidu
• Owner: pwcong
• Created: 2017-11-15T08:03:12.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-30T03:36:20.000Z (about 7 years ago)
• Last Synced: 2025-02-12T12:22:48.288Z (3 months ago)
• Topics: baidu-expressions, vue
• Language: JavaScript
• Size: 571 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![preview](https://github.com/pwcong/SnapShot/blob/master/react-expressions/demo.gif?raw=true)

# vue-expressions-baidu

A Vue Component about Baidu Expressions.

## Install

```

npm install --save vue-expressions-baidu

```

## Usage

```html





```


```js

import {

  BaiduExpressionsPicker,

  BaiduExpressionsSymbol,

  isSymbol,

  SYMBOLS

} from "../../src/index";

export default {

  data() {

    return {

      symbols: []

    };

  },

  components: {

    BaiduExpressionsPicker,

    BaiduExpressionsSymbol

  },

  methods: {

    handleSymbolClick(symbol) {

      if (isSymbol(symbol)) {

        this.symbols.push(SYMBOLS[symbol]);

      }

    }

  }

};

```

## API

* BaiduExpressionsPicker [ vue component ]

    props:

    * pickerClass [ string ]

    * symbolClass [ string ]

    * onSymbolClick [ func ]

* BaiduExpressionsSymbol [ vue component ]

    props:

    * symbol [ string | required]

    * className [ string ]

* isSymbol [ func | str[string] -> bool ]

    check if `str` is a valid symbol.

* SYMBOLS [ object ]

    get symbol dataURL using key