KUI for Vue
基于 VUE 2.x 开发，在追求完美视觉体验的同时也保证了其性能高效。
欢迎批评、指正、吐槽、Star 和捐助
Docs: http://k-ui.cn
Blog: http://chuchur.com
特性
漂亮的UI，可定制主题 兼容IE9+ 组件丰富，功能强大
更新日志：
Logs: https://k-ui.cn/#/log
安装
使用npm
npm install kui-vue --save
使用CDN
<!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></script> <!-- import stylesheet --> <link rel="stylesheet" href="//unpkg.com/kui-vue/dist/k-ui.css"> <!-- import kui --> <script src="//unpkg.com/kui-vue/dist/k-ui.js"></script>
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>kui example</title>
<link rel="stylesheet" type="text/css" href="http://unpkg.com/kui-vue/dist/k-ui.css">
<script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
<script type="text/javascript" src="http://unpkg.com/kui-vue/dist/k-ui.js"></script>
</head>
<body>
<div id="app">
<k-button @click="show">Click me!</k-button>
<Modal v-model="visible" title="Welcome">Welcome to use kui</Modal>
</div>
<script>
new Vue({
el: '#app',
data: {
visible: false
},
methods: {
show: function () {
this.visible = true;
}
}
})
</script>
</body>
</html>-
KUI for Vue 详细介绍 KUI for Vue 基于 VUE 2.x 开发，在追求完美视觉体验的同时也保证了其性能高效。 欢迎批评、指正、吐槽、Star 和捐助 Docs: http://k-ui.xyz Blog: http://chuchur.com 特性 漂亮的UI，可定制主题 兼容IE9+ 组件丰富，功能强大 更新日志： Logs: https://vue.k-ui.xyz/
-
汉语转拼音 pinyin:{ 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d'
-
前段时间接到了这样一个需求，注册页面中有多个输入框，要求第一个输入框输入汉字后，第二个输入框自动填充对应的拼音开头缩写。实现思路是这样的，第一步完成拼音转汉字缩写功能，第二步为第一个输入框添加失焦事件，失焦时计算当前对应拼音缩写，如第一个输入框对应内容为空，则清空第二个输入框，具体代码如下： 完成拼音转汉字缩写功能 新建util.js并添加以下代码 export default { Conve
-
1、结果显示： 输出首字母 N 输出拼音 NiHaoMa 2、js调用 import HanziToPinyin from "../../hanziToPinyin"; export default class Message extends Vue { mounted() { let hanZi = "你好吗"; console.log("输出首字母"+
-
一.需要引入的文件 1.const.js文件，定义常量，文件内容如下： export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55c
-
此方法是利用汉字和Unicode编码对应找到相应字母 一、编写汉字和编码文件对应的js； pyconst.js export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u96
-
//前言 import Vue from "vue"; export class oMultiDiff extends Vue { PinYin = { a: "\u554a\u963f\u9515", ai: "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u96
-
继上篇数字键盘以后，这篇文章写一下键盘用法，同猿们拿好小本本! 1.封装的键盘组件 <template> <div class="vitualKeyboard"> <div class="search" :style="{top:topPx,right:rightPx}"> <input name="inputArea" id="inputArea" style=
-
1、我们可以直接在data函数return之前直接this.xxx的方式挂在实例上,在methods中还可以访问, 但是又不会触发响应式跟踪; 改写后变成这样: data() { this.logInStatus = false, // 仅在methods中使用,未在视图层中使用，不要定义在return中 return { title: '性能优化' // 这个视图层需要用
-
1.路由元信息(meta) 如果一个网站有不同的角色，比如 管理员 和 普通用户 ，要求不同的角色能访问的页面是不一样的 这个时候我们就可以 把所有的页面都放在路由表里 ，只要 在访问的时候判断一下角色权限 。如果有权限就让访问，没有权限的话就拒绝访问，跳转到404页面 vue-router 在构建路由时提供了元信息 meta 配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相
-
export default(function () { let PinYin = { a: "\u554a\u963f\u9515", ai: "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3
-
1、创建js export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\
-
//src/assets/pinyin.js export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u
-
前言 有时候可能需要将拼音转成汉字，比如： 王佳斌 → wangjiabin 第一步 存放位置随意，后续引用注意路径即可。 新建 const.js 文件，复制以下代码（尽量使用平台提供的一键复制防止漏选）： export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u5
-
本文向大家介绍在vue2.0中引用element-ui组件库的方法，包括了在vue2.0中引用element-ui组件库的方法的使用技巧和注意事项，需要的朋友参考一下 在vue2.0中引用element-ui组件库 element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。 官网： http://element.eleme.io/ 安装 引用完整的element-ui 需要
-
Canvas 组件参考 UITransform 组件参考 Widget 组件参考 Button 组件参考 Layout 组件参考 EditBox 组件参考 ScrollView 组件参考 ScrollBar 组件参考 ProgressBar 组件参考 LabelOutline 组件参考 Toggle 组件参考 UIMeshRenderer 组件参考 ToggleGroup 组件参考 Slider
-
本文向大家介绍基于vue2.0实现的级联选择器，包括了基于vue2.0实现的级联选择器的使用技巧和注意事项，需要的朋友参考一下 基于Vue的级联选择器，可以单项，二级， 三级级联，多级级联 web开发中我们经常会遇到级联选择器的问题，尤其是在表单中,无外乎几种情况： 单个级联 (下拉选择框，单选) 单个级联 (多项选择) 二级联动 （省份和城市联动） 三级联动 (省市区联动) 在jquery中有
-
如果您在声明组件时更喜欢基于类的 API，则可以使用官方维护的vue-class-component装饰器： import Vue from 'vue' import Component from 'vue-class-component' // @Component 修饰符注明了此类为一个 Vue 组件 @Component({ // 所有的组件选项都可以放在这里 template:
-
本文向大家介绍bootstrap select插件封装成Vue2.0组件，包括了bootstrap select插件封装成Vue2.0组件的使用技巧和注意事项，需要的朋友参考一下 因为bootstrap-select功能比较强大，而且样式还不错，所以在项目使用了vue，所以，觉得对bootstrap-select进行封装。 html js 不得不提一下，在使用多个select的时候，在删除某一个s
-
本文向大家介绍详解Vue2.0组件的继承与扩展，包括了详解Vue2.0组件的继承与扩展的使用技巧和注意事项，需要的朋友参考一下 前言 本文将介绍vue2.0中的组件的继承与扩展，主要分享slot、mixins/extends和extend的用法。 一、slot 1.默认插槽和匿名插槽 slot用来获取组件中的原内容，此方式用于父组件向子组件传递“标签数据”。有的时候为插槽提供默认的内容是很有用的,
-
UI 部件 & 组件工具 桌面 & 移动: Kendo UI [free to $] Webix [$] Semantic UI Metro UI Bootstrap Materialize Material UI Polymer Paper Elements 桌面 (NW.js 和 Electron): photonkit React UI Components for OS X El Capi
-
本文向大家介绍基于vue2.0+vuex+localStorage开发的本地记事本示例，包括了基于vue2.0+vuex+localStorage开发的本地记事本示例的使用技巧和注意事项，需要的朋友参考一下 本文采用vue2.0+vuex+localStorage+sass+webpack，实现一个本地存储的记事本。兼容PC端和移动端。 实现效果 功能说明 支持回车添加事件 支持事件状态切换 添加