随笔分类 - vue
摘要：<template> <div v-if="show" class="command-code" :style="{ color: color }"> <div class="command-code-box" ref="boxRef" :style="{ width: contentWidth }
阅读全文
摘要：（一）Found ‘electron’ but not as a devDependency, pruning anyway 原因：对electron没有严格要求的话可以忽略，不影响打包，但会影响第三方库的使用，应使用推荐库进行打包。 修改 .electron-vue/webpack.rendere
阅读全文
摘要：1、npm安装 npm install @babel/plugin-proposal-optional-chaining // 可选链运算符 ?. npm install @babel/plugin-proposal-nullish-coalescing-operator // 空值合并运算符 ??
阅读全文
摘要：{ "editor.tabSize": 2, "editor.fontSize": 18, "editor.wordWrap": "bounded", "editor.wordWrapColumn": 160, "vetur.format.defaultFormatter.html": "js-be
阅读全文
摘要：Vue + UEditor + v-model 双向绑定 一、安装 1 npm i vue-ueditor-wrap 2 # 或者 3 yarn add vue-ueditor-wrap 二、下载文件，vue-ueditor-wrap 作者修定版（https://github.com/HaoChua
阅读全文
摘要：在Vue项目中前后端交互时，早期Vue使用Vue-resource实现异步请求。从Vue2.0之后就不再对vue-resource进行更新，Vue官方推荐使用axios. vue-resource Vue.js的插件提供了使用XMLHttpRequest 或 JSONP进行Web请求和处理响应的服务
阅读全文
摘要：1、html 中引入 echarts html中添加script标签如下： <script src="//cdn.bootcss.com/echarts/4.2.1/echarts.simple.min.js"></script> 2、在 webpack 中配置使用 echarts CDN 在vue
阅读全文
摘要：<template> <el-table @selection-change="handleSelectionChange" :row-key="getRowKeys"> <!--type必须是selection的一列设置reserve-selection属性--> <el-table-column
阅读全文
摘要：const CancelToken = axios.CancelToken; const source = CancelToken.source(); axios.interceptors.request.use( config => { config.cancelToken = source.to
阅读全文
摘要：1、创建 filters.js（methods.js） 文件： 2、filters.js（methos.js） 中定义全局过滤方法： 1 export default { 2 /** 时间戳转换 */ 3 showTime (time) { 4 let date = null 5 if ((time
阅读全文
摘要：1、安装elementUI $ npm i element-ui -S 2、安装主题工具 npm i element-theme -g 3、安装chalk主题 npm 安装 npm i element-theme-chalk -D （或） GitHub 拉取最新代码 npm i https://gi
阅读全文
摘要：1、创建vue项目 cmd命令执行 vue create ruc-continuing 创建vue项目，项目名称：ruc-continuing 选择一个 preset（预置项），或自定义： 选择自定义配置选项 路由是否使用History模式？n 选择使用css风格编译语法 选择一种TypeScrip
阅读全文
摘要：一、UI组件及框架 element - 饿了么出品的web UI mint-ui - Vue 的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应
阅读全文
摘要：操作新增/编辑功能时初始化数据： 应用属性 default-checked-keys 给Tree节点赋默认值（赋值数据为节点数组Arr）前，应先清空数组Arr，并且配合使用 this.$refs.tree.setCheckedKeys([])。
阅读全文
摘要：使用elementUI的el-form组件进行查询时，当输入框仅有一项时，回车自动提交表单，浏览器会刷新页面： 原因：由于当表单只有一个文本框时，按下回车将会触发表单的提交事件， 从而导致页面刷新。 1 <el-form :inline="true" :model="getForm" class="
阅读全文
摘要：1、创建“回到顶部”组件 1 <template> 2 <transition name="el-fade-in"> 3 <div class="page-up" @click="scrollToTop" v-show="toTopShow"> 4 <i class="el-icon-caret-t
阅读全文
摘要：页面中多组件开发时，如果页面中有表格的，table表格头出现表头错乱 // 全局设置1 body .el-table th.gutter{ 2 display: table-cell!important; 3 } 4 5 body .el-table colgroup.gutter{ 6 displ
阅读全文
摘要：安装： npm i v-charts echarts -S 组件中使用： 1 <template> 2 <div class="app-chart"> 3 <div id="print-content"> 4 <!--用于图标组件--> 5 <ve-pie :data="chartData" :co
阅读全文
摘要：路由跳转前后，需要做某些操作，这时就可以使用路由钩子来监听路由的变化。 接收三个参数： to: Route: 即将要进入的目标路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参
阅读全文
摘要：（一）使用props传值: <HeadTitle name-data="100"></HeadTitle> props:['nameData'] 父组件传递复合名称数据时使用小写和中划线（-） 组合，子组件接收复合名称数据时使用小驼峰。 （二）路由去 “#” 路由配置： mode:'history'
阅读全文
