- 博客(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
1152
1
原创 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
2087
原创 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
4774
原创 iframe使用小结
iframe使用小结、案例 虽然iframe框架技术已经非常老旧,但因为项目要求不得不品尝这一口老坛酸菜，框架的缓存机制和缓慢的响应速度恶心了我一整个项目开发周期，尽量不要用它 1、使用vue,实现单页面内,点击侧边栏与tab栏,新增、切换、删除iframe标签页 html代码示例: <!-- tab栏,可点击切换,删除标签页 --> <nav class="hdNav"> <ul class="clearfix"> <li
2021-07-23 15:22:40
711
原创 elementUI 日期选择器 设置起始结束日期选择范围
elementUI 日期选择器 设置正常的起始结束日期选择范围 vue data部分： data(){ return { startDate:'', endDate:'', startTime: { disabledDate: time => { if (this.endDate) { //必须早于结束日期
2021-01-28 15:11:04
951
原创 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
1620
1
原创 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
960
2
原创 element-ui 表格列el-table-column根据数据展示不同内容
element-ui 表格 列el-table-column如何根据数据不同显示不同的值 使用element-ui的表格时，有时候后台给的字段和要显示在表格列里的内容不一致。 例如后台给的是status，它的值为true或false，要求显示在表格里是‘正确’或‘错误’ 这时可以给el-table-column添加一个属性：formatter html代码： <el-table ref="accountTable" :data="accountsListData" border> &
2020-10-15 15:16:56
14236
1
原创 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
7653
4
原创 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
3285
原创 element-ui 按需加载
element-ui 在vuecli中 按需加载 1、使用npm下载 babel-plugin-component 2、配置babel-plugin-component vuecli4版本以上：配置bable.config.js module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], //以下为新增的配置代码 "plugins":[ [ "component", {
2020-10-15 14:56:35
382
原创 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
518
1
原创 ant-design-vue 设置按需加载
ant-design-vue 在vue-cli按需加载 首先需要 安装 babel-plugin-import npm install babel-plugin-import --save-dev vue-cli 2 版本: 修改 .babelrc 文件 进行配置 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "l
2020-10-15 14:52:47
1785
2
原创 将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式
将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式 html代码： <div class="question" v-for="(item, index) in questionArr" //遍历存放问题的数组 :key="index" //设置key属性 > ...
2019-12-23 16:40:06
689
1
原创 移动端 选项卡导航栏 切换样式、内容 的CSS (引用了vue)
移动端 选项卡/导航栏 切换样式、内容 (vue) Nav导航栏/选项卡的html <div class="nav"> <div :class="{active:(navId==0)}" @click='navC(0)'>//根据navId切换激活样式 全部 </div> ...
2019-12-19 12:23:44
1282
1
原创 移动端-横向滚动/滑动 css样式
移动端-横向滚动css代码 html： <ul> <li> //内容部分 <div> <p>按时大大大阿斯蒂芬反复放</p> <p>按时大大大阿斯蒂芬反复放</p> </di...
2019-12-19 10:17:22
869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人