Vue Baraja-JS 巴拉哈(Baraja)是一个JavaScript插件,它允许以类似于卡片的方式移动元素,并像散布一张桌子上的卡片那样散布它们。 它使用CSS转换来旋转和翻译项目。 有几种可用的选项,可以创建各种散布的物品,例如,横向移动物品或以扇形方式旋转物品。 查看以获取使用示例。 依存关系 安装 使用添加到现有的项目。 $ yarn add vue-baraja-js 用法 import * as Vue from 'vue' import BarajaJS from '../dist/vue-baraja-js' ; import 'baraja-js/dist/baraja.min.css' ; const cards = [ { imageSrc : 'path/to/image1.png' , title : 'card 1' ,
2022-01-13 14:47:25 132KB JavaScript
1
Vue电报登录 vue-telegram-login是用于的Vue组件 安装 安装: $ yarn add vue-telegram-login 使用安装: $ npm i vue-telegram-login --save 或者,如果您只是想尝试一下, 提供了现成的软件包。 < script src =" https://unpkg.com/vue " > </ script > < script src =" https://unpkg.com/vue-telegram-login " > </ script > 用法 导入vue-telegram-login ,将其传递给co
2022-01-08 14:16:19 8KB telegram vue vue-component telegram-login
1
详解vue组件之间相互传值的方式   目录  概述一、父组件向子组件传值二、子组件向父组件传值1.子组件绑定一个事件,通过 this.$emit() 来触发2.通过 callback 函数3. 通过 $parent / $children 或 $refs 访问组件实例三、兄弟组件之间传值1. 还是通过 $emit 和 props 结合的方式2.通过一个空 vue 实例四、多层父子组件通信总结  概述  一、父组件向子组件传值  二、子组件向父组件传值  1.子组件绑定一个事件,通过 this.$emit() 来触发2.通过 callback 函数3. 通过 $parent / $childre
2022-01-01 13:00:12 21KB js
vue-svg-component-builder 这是一个小型实用程序库,用于从SVG图像创建可直接渲染的VueJS组件。 它的主要目的是用作其他库的构建块,这些库将处理将SVG实际读取和解析为该库可用的内容的工作。 安装 只需运行yarn add vue-svg-component-builder或npm install vue-svg-component-builder 。 用法 该库导出单个build函数,该函数接收SVG并返回视图组件。 当前,唯一可接受的输入格式是vue-component-compiler的AST输出 import { build } from 'vue-svg-component-builder' import { compile } from 'vue-component-compiler' let svg = fs . readFileSync ( '
2021-12-25 15:10:32 10KB TypeScript
1
汇总插件vue在线svg 一个简单的插件,可以将svg文件作为vue组件导入。 它旨在与一起使用,并且基于 。 安装 npm install --save-dev rollup-plugin-vue-inline-svg 用法 rollup.config.js import svg from 'rollup-plugin-vue-inline-svg' ; import vue from 'rollup-plugin-vue' ; // optional export default { // ... plugins : [ svg ( config ) vue ( ) , // optional ] } 配置 默认情况下,此插件将尝试转换以扩展名.svg结尾的所有文件。 您可以通过传递include和exclude选项来更加明确。 // `include
2021-12-25 15:08:47 73KB JavaScript
1
vue-svg-loader webpack loader,可让您将SVG文件用作Vue组件文档-常见问题解答安装npm i -D vue-svg-loader vue-template-comp vue-svg-loader Webpack loader,可让您将SVG文件用作Vue组件文档-常见问题解答安装npm i -D vue-svg-loader vue-template-compiler yarn add --dev vue-svg-loader vue-template-compiler基本配置webpack module.exports = {module:{规则:[{测试: /\.svg$/,使用:['babel-loader','vue-svg-loader',],},],},}; Vue CLI module.exports = {chainWebpack:(config)=> {缺点
2021-12-25 14:13:50 157KB Vue.js Asset Management
1
vue-pivot-table数据透视表Live演示(jsfiddle)的vue组件安装npm install --save @ marketconnect / vue-pivot-table组件此项目vue-pivot-table数据透视表Live演示(jsfiddle)的vue组件npm install --save @ marketconnect / vue-pivot-table组件此项目提供2个组件:数据透视表:具有拖放用户界面的聚合表,用于配置行/列数据透视表:仅聚合表尽管数据透视表组件提供了完整的体验,但如果只需要一个表,则可以单独使用数据透视表。 浏览器Vue.use(VuePivot)Webpack Pivot Javascript导入Pivot
2021-12-24 16:25:01 420KB Vue.js Table
1
vue-d3-网络 Vue组件使用d3-force绘制图形网络 演示版 产品特点 SVG渲染 画布渲染 链接和节点选择 svg <->通过CSS共享画布样式 屏幕截图,导出为svg或png(svg渲染器),导出为png(画布渲染器) 触控支持 安装 npm install vue-d3-network --save 用法 import D3Network from 'vue-d3-network' components: {
2021-12-21 09:31:14 813KB d3 chart component vue
1
Vue-Json编辑 作为vue组件构建的Visual JSON编辑器。 提供基本的GUI 入门 npm install vue-json-edit --save 用法 //import it in your project At your entry point import Vue from 'vue' import JsonEditor from 'vue-json-edit' Vue . use ( JsonEditor ) 道具 objData:json数据 选项 ConfirmText:确认按钮的字符串 cancelText:取消按钮的字符串 例 单文件组件 < template
2021-12-20 20:25:49 1.26MB json vue json-editor json-schema
1
一、项目描述 一个基于 vue、datav、Echart 框架的 " 数据大屏项目 ",通过 vue 组件实现数据动态刷新渲染,内部图表可实现自由替换。部分图表使用 DataV 自带组件,可进行更改,详情请点击下方 DataV 文档。 项目部分区域使用了全局注册方式,增加了打包体积,在实际运用中请使用按需引入。 项目环境:vue-cli-3.0、webpack-4.0、npm-6.13、node-v12.16. 友情链接: , 项目截图(展示动态) 二、需要查看详细文档或者最新代码的请点击下方的gitee 地址,谢谢合作!:backhand_index_pointing_down:
2021-12-16 10:06:02 404KB Vue
1