ElementUI使用

Posted 山与海

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ElementUI使用相关的知识,希望对你有一定的参考价值。

Vue 复制内容到剪切板

参考

安装

npm install --save vue-clipboard2

main.js 引入

import VueClipboard from \'vue-clipboard2\'

Vue.use(VueClipboard)

组件中使用

v-clipboard:copy="copyDoc"     //想要复制的内容,自定义
v-clipboard:success="onCopy"   //方法,复制成功后操作
v-clipboard:error="onError"    //方法,复制失败后操作

Vue 表格数据预处理

<el-table-column
      align="center"
      prop="isDownload"
      :formatter="downloadStr"
      label="是否下载">
</el-table-column>


downloadStr(row, column){
   //column可省略
    return row.isDownload == 1 ? \'已下载\':\'未下载\'
}

以上是关于ElementUI使用的主要内容,如果未能解决你的问题,请参考以下文章

elementui添加代码

Vue使用ElementUI的确认框进行删除操作(包含前后端代码)

elementUI 模板搭建及使用

Vue.js 学习13 ElementUI项目中使用自定义组件

Vue.js 学习13 ElementUI项目中使用自定义组件

商品分类管理系统实现(Vue + ElementUI)