- 博客(12)
- 收藏
- 关注
原创 css绘制多行多列的按钮不同状态渲染
css绘制多行多列的按钮不同状态渲染ui给的图最终实现效果废话少说,直接上代码<template> <div class="status-containt"> <div class="title"> <ul v-for="num in 2" :key="num"> <li v-for="(item,index) in titleList" :key="index"> {{ it
2021-06-25 16:48:08
205
原创 echars tabs切换组件使用v-if 不能显示的问题
echars tabs切换组件使用v-if 不能显示的问题问题描述写了一个tabs切换组件,子组件开始时使用watch监听父组件传入的props参数,然后进行echarts渲染,但是发现父组件加上v-if切换以后子组件的图表并没有重新渲染,参考v-if触发子组件的生命周期和computed,watch的渲染顺序以后,把子组件的watch改成computed之后可以实现。父组件<template> <div class="tab-chart-panel"> <
2020-09-29 17:32:56
577
原创 在js页面引入json并深度合并
目录结构test.jsconst bar1 = require('./json/DaChartBarAverage.json')const bar2 = require('./json/DaChartBarLabel.json')const bar3 = require('./json/DaChartBarStack.json')const line1 = require('./json/DaChartLineAreas.json')const line2 = require('./json/
2020-06-01 16:26:32
537
原创 vue组件动态注册和加载小记
需求需要加载大量的组件并传递参数,组件数量不一定,一个个去impor会很繁琐且累赘记录下参考文档及解决办法我的组件<template> <!--eslint-disable-next-line --> <component v-bind:is="myComponent" :option="chartOptions"/></template><script>export default { props: { data
2020-05-26 11:36:30
177
转载 vue的watch和$watch(深度监听)
vue的watch和$watch(深度监听)链接: https://www.cnblogs.com/yesu/p/9546458.html列举大概<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstNa...
2020-03-27 14:22:15
2605
1
原创 npm install 报错 remote: Incorrect username or password ( access token )
npm install 报错 incorrect username or password可能的原因重新定位问题解决方法可能的原因真是找bug血泪史,先是直接查报错信息remote: Incorrect username or password ( access token )搜索结果多是在git push或者git clone时报错,原因基本上是新输入的账户密码与原本的设置冲突,解决方案...
2020-03-12 17:17:12
602
转载 vue-cli3.0中按需引入mint-ui
参考这篇博客https://blog.csdn.net/Lemon_wzq/article/details/103274479
2020-01-10 09:08:54
472
原创 vue项目中抽离less公共变量
less文件与组件样式代码/*index.less*/ /* Tip: 该文件在整个项目中全局引入,.vue文件内的<style lang="less">可直接使用该文件定义的css变量。 */ /* 配置目录:/vue.config.js */ @appColor : #199BFF;<style lang="less" scoped>.navBar { ...
2020-01-07 15:19:55
743
原创 只能输入数字且只能两位小数的input框验证
//只能输入数字且只能两位小数 Vue.prototype.$check_decimal = function(decimal){ var inspect_decimal = '' + decimal; inspect_decimal = inspect_decimal // .replace(/[^\d.]/g,'').replace(...
2019-08-19 11:05:54
781
原创 el-date-picker的年份范围限制,选择最近三十年的时间(只包含年份)
el-date-picker的年份范围限制,选择最近三十年的时间(只包含年份)在html中添加控件<el-form-item label="首次生产年份:" prop="firstYear"> <el-col :span="8"> <el-date-picker v-model="addForm.firstYea...
2019-08-13 16:22:56
5860
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人