- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue v-model小问题 无法在页面中更改双向绑定的变量的值
问题描述：无法在文本框中更改双向绑定的值出现情景：input 双向绑定的值为 某对象的属性值该属性值为某对象声明并赋值之后 添加的动态属性js代码：this.baseForm = { name: '', categoryName: cgName, dateType: '',}if (cgName == '辐照') { this.baseForm.reflex = 1}html代码：<el-input v-model="baseForm.reflex" :disab
2021-12-04 14:01:51
938
原创 Vue-Router多级路由的默认路由问题[vue-router] Named Route ‘****’ has a default child route
Vue-Router多级路由的默认路由问题控制台警告信息:[vue-router] Named Route ‘OverView’ has a default child route. When navigating to this named route (:to="{name: ‘OverView’"), the default child route will not be rendered. Remove the name from this route and use the name of t
2021-12-04 13:51:15
1828
原创 elementUI table组件渲染问题
elementUI table组件渲染问题1、问题：问题描述：页面内，使用选项卡，进行内容显示的切换。切换后，原本高度合适的表格出现白边，以及滚动条检查Dom会发现，el-table组件内，发现了一个类名为 is-scrolling-none 的固定行内样式的高度的div，导致高度显示错误：<div class="el-table__body-wrapper is-scrolling-none" style="height: 510px;"> ------</div&
2021-07-27 17:00:41
4233
原创 iframe使用小结
iframe使用小结、案例虽然iframe框架技术已经非常老旧,但因为项目要求不得不品尝这一口老坛酸菜，框架的缓存机制和缓慢的响应速度恶心了我一整个项目开发周期，尽量不要用它1、使用vue,实现单页面内,点击侧边栏与tab栏,新增、切换、删除iframe标签页html代码示例: <!-- tab栏,可点击切换,删除标签页 --> <nav class="hdNav"> <ul class="clearfix"> <li
2021-07-23 15:22:40
469
原创 elementUI 日期选择器 设置起始结束日期选择范围
elementUI 日期选择器 设置正常的起始结束日期选择范围vuedata部分： data(){ return { startDate:'', endDate:'', startTime: { disabledDate: time => { if (this.endDate) { //必须早于结束日期
2021-01-28 15:11:04
800
原创 jsPlumb使用小技巧
jsPlumb使用小技巧1:设置节点可拖动时 ,必须把item节点的样式设置为position:absolute再设置jsPlumb.draggable('item_id')2:给连接添加点击事件：点击删除连线如下代码:// 请单点击一下连接线, jsPlumb.bind('click', function (conn, originalEvent) { if (window.prompt('确定删除所点击的连接吗？ 输入1确定') === '1') { jsPlumb.de
2020-10-15 16:42:59
1210
原创 element-ui坑点
element-UI坑点1、el-popconfirm 气泡确认框-1 设置确认按钮的文字 confirmButtonText = “…” 是无效的需要避免驼峰命名法 , 换成 confirm-button-text 才可以设置成功同理 cancelButtonText 需要换成=>cancel-button-text-2 用来触发 Popconfirm 显示的 HTML标签上 需要设置 slot="reference"否则会隐藏显示-3 官方文档中 Events 里的 onCon
2020-10-15 15:20:41
741
1
原创 element-ui 表格列el-table-column根据数据展示不同内容
element-ui 表格 列el-table-column如何根据数据不同显示不同的值使用element-ui的表格时，有时候后台给的字段和要显示在表格列里的内容不一致。例如后台给的是status，它的值为true或false，要求显示在表格里是‘正确’或‘错误’这时可以给el-table-column添加一个属性：formatterhtml代码：<el-table ref="accountTable" :data="accountsListData" border> &
2020-10-15 15:16:56
13401
原创 echarts 自定义x,y轴间距
echarts 自定义 x , y 轴刻度值js代码: //定义刻度显示内容 let xJ = [ { val: 0, date: "2020/9/19" }, { val: 24, date: "2020/9/20" }, { val: 48, date: "2020/9/21" }, { val: 72, date: "2020/9/22" }, { val: 96, date: "2020/9/23" }, { val: 120, date:
2020-10-15 15:07:22
6962
3
原创 echarts 横向堆叠柱状图，展示2种状态
echarts 横向堆叠柱状图，展示2种状态例图:数据部分 //自定义x轴刻度文字 xAxisJudge: [ { val: 0, date: "2020/9/19" }, { val: 24, date: "2020/9/20" }, { val: 48, date: "2020/9/21" }, { val: 72, date: "2020/9/22" }, { val: 96, date: "2020/9/23" }, { val: 1
2020-10-15 15:04:31
2668
原创 element-ui 按需加载
element-ui 在vuecli中 按需加载1、使用npm下载 babel-plugin-component2、配置babel-plugin-componentvuecli4版本以上：配置bable.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], //以下为新增的配置代码 "plugins":[ [ "component", {
2020-10-15 14:56:35
264
原创 JS 简单树形 断路径数组 拼接成多个路径
简单 树形 断点路径数组 拼接成路径数组 let aarr = [ [1, 2], [1, 3], [2, 4], [4, 5], [4, 6], [3, 7], [7, 9], [3, 8], [8, 10] ]//断点路径数组 let pathA
2020-10-15 14:55:30
366
原创 ant-design-vue 设置按需加载
ant-design-vue 在vue-cli按需加载首先需要 安装 babel-plugin-importnpm install babel-plugin-import --save-devvue-cli 2 版本:修改 .babelrc 文件 进行配置 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "l
2020-10-15 14:52:47
1416
1
原创 将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式
将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式html代码：<div class="question" v-for="(item, index) in questionArr" //遍历存放问题的数组 :key="index" //设置key属性 > ...
2019-12-23 16:40:06
549
原创 移动端 选项卡导航栏 切换样式、内容 的CSS (引用了vue)
移动端 选项卡/导航栏 切换样式、内容 (vue)Nav导航栏/选项卡的html <div class="nav"> <div :class="{active:(navId==0)}" @click='navC(0)'>//根据navId切换激活样式 全部 </div> ...
2019-12-19 12:23:44
1114
原创 移动端-横向滚动/滑动 css样式
移动端-横向滚动css代码html： <ul> <li> //内容部分 <div> <p>按时大大大阿斯蒂芬反复放</p> <p>按时大大大阿斯蒂芬反复放</p> </di...
2019-12-19 10:17:22
704
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人