
vue
我先来一碗
我先来一碗
展开
-
vue-动态加载本地SVG文件
2.import到使用的vue文件。1.把svg图标放到本地目录下。原创 2022-08-01 16:33:44 · 1252 阅读 · 0 评论 -
div-文字水平垂直居中
文字水平垂直居中:css:.board-colum-header{ display: flex; justify-content: center; align-items: center; }<template> <div class="kanban-bg"> <!-- 列表标题 --> <div class="board-colum-header">原创 2022-05-16 14:53:36 · 260 阅读 · 0 评论 -
el-tree默认展开或折叠,全选或全不选
参考文章:添加链接描述取不到就去root取console.log(this.$refs.tree) console.log(this.$refs.tree.store.root.childNodes) console.log(this.$refs.tree.store.nodesMap) console.log(this.$refs.tree.store._getAllNodes())原创 2022-04-12 14:01:01 · 3573 阅读 · 0 评论 -
vue 实现点击按钮和回车enter 登录跳转页面
<el-button type="primary" style="width:100%" @click.native.prevent="submitLogin" @keyup.enter.native="loginEnter('loginData')">登录</el-button>created() { var _self = this; document.onkeydown = function(e){ if(window.event == undefin原创 2022-01-06 17:00:03 · 2045 阅读 · 0 评论 -
vue 使用Export2Excel导出Excel表格
第1步:添加依赖: 1:npm install -S file-saver 2:npm install -S xlsx 3:npm install -D script-loader第2步:(1)随便写个按钮:<el-button size="mini" icon="el-icon-download" type="primary" @click="downExcelData()">下载文档</el-button>(2)在methods方法中:写一个接口方原创 2021-12-01 11:19:24 · 3321 阅读 · 1 评论 -
在vue中使用svg-sprite-loader
参考地址:友情博客地址链接***正文:**1.引入依赖npm install svg-sprite-loader --save2.在assets文件夹下创建icons文件夹用来存放svg文件夹和index.js文件3.在components下创建组件SvgIcon.vue<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"/>原创 2021-08-27 16:32:03 · 1214 阅读 · 0 评论 -
vue videojs使用-附带demo
demo地址:文件地址文件一:VideoPlayer.vue<template> <div class=""> <el-row :gutter="10"> <el-col :xs="24" :sm="24" :md="24" :lg="24"> <div class="kkkk"> <el-button type="danger" class=原创 2021-08-09 12:36:40 · 1310 阅读 · 0 评论 -
vue 时间格式化
第1种:后端返回值:2021-06-24T10:16:55.000+0800vue前端处理:处理一:结果:2021-06-24tabel: <el-table-column :formatter="formatter" prop="createTime" label="创建时间" sortable width="100px"> <template slot-原创 2021-07-01 10:40:02 · 1061 阅读 · 0 评论 -
vue el-table中跳转新网页 demo
<el-table-column prop="shopUrl" label="购买地址" align="left" width="220"> <template slot-scope="scope"> <el-button size="mini" type="text" style="width: 120px;" @click="jumpView(scope.row.shopUrl)"> <spa.原创 2021-06-29 10:14:45 · 1093 阅读 · 0 评论 -
Vue项目中使用FontAwesome
1、在项目中安装fontawesome:npm install font-awesome --save2、在main.js中引入相关的文件:import 'font-awesome/css/font-awesome.min.css'3、在需要使用的地方,class=“fa 类名”,请注意一定要在前面添加fa类,否则无法正常显示;————————————————原文链接:https://blog.youkuaiyun.com/u013840388/article/details/108293432...原创 2021-06-28 17:29:45 · 1708 阅读 · 0 评论 -
vue-router 报错:Navigation cancelled from“/...“ to “/...“ with a new navigation
待解决?原创 2021-06-27 16:51:07 · 5915 阅读 · 1 评论 -
Vue中出现“‘xxx‘ is defined but never used”解决办法
在文件.eslintrc.js 配置规则:源:https://blog.youkuaiyun.com/qq_33189961/article/details/107165910"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-cat原创 2021-04-01 15:47:15 · 11249 阅读 · 0 评论