logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue----Element UI 表格点击某一行完成选中事件或取消选中事件

需求:点击表格的某一行,即可触发选中该行。如同element table中组件提供了单选的支持,只需要配置highlight-current-row属性即可实现单选。如下图。但element仅提供了单选,那多选的情况如何实现呢?多选点击效果如下:选中某一行后,相当于对应的checkbox被选中实现如下:界面:在表格上添加以下三个参数<el-tableborderref="serveTable

Vue-----element框架中,可输入下拉框(el-select和el-autocomplete对比)

需求:需要一个即可选择也可输入的输入框,且需要自定义模板(输入视频源url时,其名称也需展示)。考虑到element有两种组件可实现,那么就来对比一下这两种实现:的实现比较简单,参考element的官网:https://element.eleme.io/#/zh-CN/component/select只需加filterable allow-create即可完成此需求,且有clearable...

VUE----vue-cli3.0设置页面icon图标

最近做的一个项目中在用vue-cli3.0创建项目的时候不小心选择了pwa这一个插件,碰到了不能设置网页图标的问题。在最新的vue-cli3.0直接在index.html中设置icon是不行的,需要在vue.config.js中设置一个pwa属性。重要!!!将public下的应文件夹下的icon下的图标都删除掉。vue.config.jsmodule.exports = {...

VUE----限制无权限路径访问

需求 后台系统从后台获取允许访问的菜单列表,并在右侧菜单栏展示,但路由已在router.js中配置完成,此时无权限的路径不展示在前端页面,但用户仍可输入url进行访问。则需要解决该问题。解决办法:1.从后台获取的允许访问的菜单列表储存在vuex或localStorage中2.在router.js中对需要进行需要校验权限的页面配置*meta: { requiresAuth: true }*属...

使用flv.js遇到的问题(含vue中使用flv.js的简单教程)

最近项目中使用到flv.js,却遇到如下两种情况第一种报错情况:谷歌浏览器控制台出现的报错使用报错如下:Failed to read the ‘buffered’ property from ‘SourceBuffer’: This SourceBuffer has been removed from the parent media source.这种错误提示一般是在flv源发生异常中断的时候产

#javascript#vue.js
Vue-----element框架中,可输入下拉框(el-select和el-autocomplete对比)

需求:需要一个即可选择也可输入的输入框,且需要自定义模板(输入视频源url时,其名称也需展示)。考虑到element有两种组件可实现,那么就来对比一下这两种实现:的实现比较简单,参考element的官网:https://element.eleme.io/#/zh-CN/component/select只需加filterable allow-create即可完成此需求,且有clearable...

Vue----右键弹出菜单(vue-contextmenu)

需求:点击右键,弹出菜单,查询资料,找到vue-contextmenu。项目地址:https://github.com/chIIC/vue-contextmenu安装:npm install vue-contextmenu --save引入:import VueContextMenu from 'vue-contextmenu'Vue.use(VueContextMenu)使用:...

#vue.js#javascript#前端
使用flv.js遇到的问题(含vue中使用flv.js的简单教程)

最近项目中使用到flv.js,却遇到如下两种情况第一种报错情况:谷歌浏览器控制台出现的报错使用报错如下:Failed to read the ‘buffered’ property from ‘SourceBuffer’: This SourceBuffer has been removed from the parent media source.这种错误提示一般是在flv源发生异常中断的时候产

#javascript#vue.js
Vue----Element UI 表格点击某一行完成选中事件或取消选中事件

需求:点击表格的某一行,即可触发选中该行。如同element table中组件提供了单选的支持,只需要配置highlight-current-row属性即可实现单选。如下图。但element仅提供了单选,那多选的情况如何实现呢?多选点击效果如下:选中某一行后,相当于对应的checkbox被选中实现如下:界面:在表格上添加以下三个参数<el-tableborderref="serveTable

到底了