Vue
梓齐丶
一个热爱编程的人
展开
-
Vue中Cron表达式组件使用
安装npm install vue-cron --save局部引用import {cron} from 'vue-cron'export default { components: { cron },}Vue中使用<template> <el-popover v-model="cronPopover"> <cron @change="changeCron" @close="cronPopover=false" i18n="cn"原创 2021-06-09 12:22:59 · 1501 阅读 · 0 评论 -
DOM操作
创建节点const comment = document.getElementById("id");//.getElementsByName("name") //向此节点添加let div = document.createElement("div");//创建一个divdiv.textContent = "";//设置内容 //.innerHTML=""设置内容 .textContent会删除所有后代节点div.style = "";//设置样式div.addEvent原创 2021-06-09 12:09:07 · 265 阅读 · 0 评论 -
Vue中Hottable的使用
安装npm install handsontable @handsontable/vue引入<template> <HotTable :root="root" :data="tableValue" ref="testHot" :settings="hotSettings"></HotTable></template><script>import HotTable from '@handsontable/vue';expor原创 2021-06-09 12:06:28 · 3736 阅读 · 0 评论 -
Vue中draggable拖拉拽组件使用
安装npm i vuedraggable -S属性group: { name: "...", pull: [true, false, clone], tag: 'td' // 默认div,设置draggable标签解析html标签v-model:data // 绑定数据列表put: [true, false, array] } //name相同的组可以互相拖动, pull可以写条件判断,是否允许拖走,put可以写条件判断,是否允许拖入sort: true, // 内部拖动排序列表dela原创 2021-06-09 11:46:41 · 2183 阅读 · 0 评论 -
Vue中codemirror代码区域组件使用
安装npm install vue-codemirror --save引入全局import VueCodeMirror from 'vue-codemirror'import 'codemirror/lib/codemirror.css'Vue.use(VueCodeMirror)局部import { codemirror } from 'vue-codemirror'import "codemirror/theme/duotone-light.css"; // 这里引入的是主题样式原创 2021-06-09 11:35:13 · 547 阅读 · 0 评论 -
JavaScript常用数组和对象操作,通俗易懂
遍历对象的key和value当我们需要同时获得对象下数据的key和value时可以用这种方法遍历var map={ "a":"10", "b":"20" }for(let key in map){ console.log(key,"=",map[key])}控制台输出:a=10 b=20如果只需获取某个的值打点调用即可数组操作数组.push(新的元素) 入栈数据到数组(末位添加)数组.unshift(新的元素,新的元素2...) 起始位置添加一个或多个元素数组.pop(原创 2021-06-08 17:59:01 · 251 阅读 · 1 评论 -
vue动态路由实现
动态路由可以根据不同用户登录获取不一样的路由层级,可随时调配路由。这么实用,还不快进来看看原创 2021-06-07 18:14:08 · 1285 阅读 · 0 评论 -
Vuex的使用,绝对简单的讲解,看完就会
Vuex是什么?官方解释为,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。简单点说,我认为Vuex就是为定义全局变量全局函数而生的东西。如何使用一般在vue项目中会有这样的文件夹接下来讲一下这些文件的作用,modules这里一般存储所有的方法,新建了文件需要在index.js里声明一下,getters.js是get方法,用于获取vuex下变量的值废话不多说,具体如何使用如何编写,上代码首先,这个文件夹要生效,就需要声明到main.js里。main.jsimport sto原创 2021-06-07 18:18:39 · 300 阅读 · 0 评论