vue组件 - 将从 Excel 表格中复制的用户 ID,格

ct-adc-user-id-textarea

将从 Excel 表格中复制的用户 ID,格式化成逗号分隔的字符串(textarea)

Table of contents 项目运行 在线 demo 目录结构 使用说明 参数说明 JavaScript 部分 HTML 部分 Bugs and feature requests Thought License 项目运行

# install dependencies npm install or cnpm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

在线 demo

Just click there: Live Demo.

目录结构

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

ct-adc-user-id-textarea/ ├── ... ├── src/ │ ├── /component │ │ └── ct-adc-user-id-textarea.vue │ └── /js │ └── ... demo ... └── /view └── demo.html 使用说明 参数说明

/** * Component Settings * @param {String} separator 用户 ID 之间的分隔符 * @param {String} userId 用户 ID */ JavaScript 部分

组件配置项

setting: { separator: ', ', // 逗号加空格 userId: '123,223' // 初始值 } HTML 部分

组件使用

<user-id-textarea class="form-control" :placeholder="'批量输入用户ID请用英文逗号隔开,最多 ' + max + ' 个用户'" rows="18" :separator="setting.separator" :userId="setting.userId" @change="updateUserId"></user-id-textarea>

可以想原生组件一样使用 class、rows 等等

Bugs and feature requests

Have a bug or a feature request? If your problem or idea is not addressed yet, please open a new issue.

Thought

第一版先这样吧

License

Code released under the MIT License.

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。