vue
关注
分享
扫一扫
奋斗的蜗牛，奔跑吧
坚持不懈和疯狂的行动，总是肯定自己，处处大胆自信，敞开心扉，激发智慧，不断进取，永不放弃。你怎么能不成功？
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element-ui el-table复选框禁止选中
<template> <div> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" :selectable="checkSelecta...原创 2022-05-22 10:45:00 · 1077 阅读 · 0 评论 -
‘rimraf‘ 不是内部或外部命令，也不是可运行的程序
npm 下运行npm install rimraf --save-dev原创 2021-01-12 20:34:17 · 16937 阅读 · 2 评论 -
el-tree修改鼠标悬浮背景色
<style scoped> .el-tree-node:focus > .el-tree-node__content { background-color: #66b1ff87 !important; } .el-tree-node__content:hover { background-color: #66b1ff87; } .el-tree--highlight-current .el-tree-node.is-current>.el-tre.原创 2020-11-25 14:03:23 · 3136 阅读 · 0 评论 -
拖动侧边栏改变div宽度
任务描述实现左右拖拽布局功能：当拖动分割线时，可以重置左右两侧模块宽度实现宽度自定义。首先搞清楚几个值的概念（1）clientXclientX：鼠标点击时位置距离当前body可视区域的x坐标（2）left相对于具有定位属性(position定义为relative)的父对象 的左边距（3）offsetLeft 与 offsetWidthoffsetLeft：当前元素距父元素左侧的值offsetWidth: 元素的width+元素的padding+边框的宽度（这部分网上有很多图示详转载 2020-11-24 13:56:52 · 980 阅读 · 0 评论 -
el-table 数值滚动
<template> <div id="test"> <el-table :data="tableData" height="300" border style="width: 70vw" ref="reader-table"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name.原创 2020-11-02 17:29:47 · 1021 阅读 · 3 评论 -
Vue中动态渲染输入框并v-model绑定后无法输入
<el-input v-model="data[item.prop]"></el-input>示例： data={size:''} config=[{label:'ceshi',prop:'size'}]item 为循环后的对象for (var i = 0; i < this.config.length; i++) { this.data[this.config[i]['prop']] =''}//v-model 绑定后无法输入for.原创 2020-09-27 13:13:08 · 4430 阅读 · 1 评论 -
时间季度组件
<template> <el-form label-width="100" style="width: 18.75rem;"> <el-form-item label="季度"> <mark class="_mark" v-show="showSeason" @click.stop="showSeason = false"></mark> <el-input size="mini" placeholder="请选择日期" .原创 2020-09-23 14:58:51 · 689 阅读 · 0 评论 -
element -ui 时间组件 年月
<template> <div> <el-date-picker v-model="value" class="timePicker" type="month" placeholder="" format="yyyy-MM" value-format="yyyy-MM"> </el-date-picker> </div></template><script>.原创 2020-09-23 10:48:03 · 1761 阅读 · 1 评论 -
vue放大缩小div
<span @click="narrow()"> <svg class="fulls-iconfont" aria-hidden="true"> <use xlink:href="#bi-cancel-full-screen"></use> </svg> </span> <span @click="enlarge()"> <svg class="fulls..原创 2020-09-22 19:28:54 · 5183 阅读 · 1 评论 -
vue+ts监听对象的变化
import { Component, Vue, Watch} from 'vue-property-decorator' /** * 创建人：xxx * 时间：2020年7月30日 * 描述：监听数据的变化 */ @Watch('drawingList', { deep: true }) handleWatch(){ console.log('监听上面数组的内容') }...原创 2020-07-30 16:42:51 · 3647 阅读 · 0 评论 -
vue+ts+element 表格添加下拉框和input选项
<el-table :data="tableData" class="tb-edit" :header-cell-style="{ background: '#b4d8df' }" style="width: 100%" height="600px" highlight-current-row @row-click="handleCurrentChange" > <el-table-.原创 2020-07-17 09:20:21 · 4502 阅读 · 0 评论 -
vue获取路由信息
let cur_path = this["$route"].path; //获取当前路由 let routers = this["$router"].options.routes; // 获取路由对象routes原创 2020-07-02 15:12:45 · 3175 阅读 · 0 评论 -
vue 案例（三）
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 案例（三）</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>&...原创 2019-08-28 22:15:58 · 127 阅读 · 0 评论 -
vue案例（二）
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 案例（二）</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>&...原创 2019-08-28 22:09:53 · 121 阅读 · 0 评论 -
vue案例（一）
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>&l...原创 2019-08-28 22:06:46 · 129 阅读 · 0 评论 -
Vue脚手架框架搭建项目
1. 避坑前言其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个报错：创建vue-cli工程项目时的报错在网上查了很多资料才发现原来是node版本过低的问题，虽然没有找到官方对这个“过低”问题的解释，但是根据国外网友的经验之谈，应该是至少使用node6，我将node4更新至node8之后确实没有报错了，顺利搭建。相关答疑帖：https://github.com/...转载 2019-08-27 22:35:56 · 448 阅读 · 0 评论