随笔分类 - Vue
摘要：一、高阶组件介绍 vue 高阶组件的认识，在React中组件是以复用代码实现的，而Vue中是以mixins 实现，并且官方文档中也缺少一些高阶组件的概念,因为在vue中实现高阶组很困难，并不像React简单,其实vue中mixins也同样可以代替,在读了一部分源码之后,对vue有了更深的认识。 所谓
阅读全文
摘要：一、组件样式 二、依赖 elmentui的el-popover组件 三、代码 <!-- 带搜索框支持多选的下拉组件 --> <template> <div class="vue-dropdown default-theme" ref="select_box"> <!-- @click="isShow
阅读全文
摘要：配置 "build": { "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版权 信息 "directories": { // 输出文件夹 "output":
阅读全文
摘要：1.初始化项目 vue init webpack-simple XXXXX(此处为插件名) 使用vue创建一个简单的项目，删除src中除了main.js和app.vue外的文件，清空app.vue中无用内容 插件编写完成 可以本地app.vue先运行一下 是否效果正常 再调整 2.更改配置文件 在i
阅读全文
摘要：一、CS端插件样式 组件代码 父组件引用 二、样式二 组件代码 组件引用
阅读全文
摘要：ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意： 1、ref 需要在
阅读全文
摘要：一、使用 下载放入项目 main.js引入 import '../static/UE/ueditor.config.js'; import '../static/UE/ueditor.all.js'; import '../static/UE/lang/zh-cn/zh-cn.js'; import
阅读全文
摘要：摘自：https://blog.csdn.net/viewyu12345/article/details/83187815 问题 分析并且解决问题 明确一点的就是，看到报错404，找不到静态资源，很明显，路径错误了。 静态资源找不到如js文件资源打包路径有误，打包后的资源使用了绝对根目录路径，因此将
阅读全文
摘要：const CompressionWebpackPlugin = require('compression-webpack-plugin'); const productionGzipExtensions = ['js', 'css']; module.exports = { // 基本路径 pub
阅读全文
摘要：原文复制：https://www.jianshu.com/p/fa19a07b1496 修改了一些东西，因为sh脚本不能再window电脑执行，所以改成了node脚本。这是基于vue-cli2.0配置的，3.0的也是同样的道理。 我现在的项目改成vue-cli3.0的了，实现了一个工程多项目共用一些
阅读全文
摘要：原文：https://blog.csdn.net/weixin_41715295/article/details/79508104 这几天使用npm install时一直报错-4048 operation not permitted，也尝试了多种方法，终于使问题得到解决，这里总结几种方法，先贴图：
阅读全文
摘要：一、element resetFields 方法报错 网上查的解决方案 测试无效 另一个方案：Vue+elementUI开发中 Cannot read property 'resetFields' of undefined 问题解决以及原因分析 各种方法均无效，后来在el-form-item加上pr
阅读全文
摘要：静态路由是不可以传递参数的。需要传递参数得用到动态路由 那么如何将参数作为路由呢？ 这样定义之后，vue-router就会匹配所有的：/books/1,/books/2,/books/3 ……，所以说这样定义的路由的数量是不确定的。 在<router-link> 我们加入一个 params 属性来指
阅读全文
摘要：官方文档 h是Vue.js 里面的 createElement 函数，这个函数的作用就是生成一个 VNode节点，render 函数得到这个 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。 函数只有一个参数的时候（）可以省略;当函数体只
阅读全文
摘要：一、重定向 重定向也是通过 routes 配置来完成，下面例子是从 /a 重定向到 /b： 先参数解构，获取hash、params、query，然后根据获取值进行逻辑判断之后动态路由重定向。这里的return值是path值，而不是params值，必须是一个已经存在的path才能进行路由重定向。而且这
阅读全文
摘要：<script>标签引入jquery在vue脚手架里并不适用，需要利用webpack引入jquery 一、第一种方法 1：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。
阅读全文
摘要：1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），在cmd中输入一下命令 npm install --global vue-cli 安装完成后，创建自己的工作空间，在cmd切换至刚刚创建好的工作空间，如果已经有工作空间，直接切换到工作空间即可。使用命令创
阅读全文
摘要：一、计算属性 标签使用： <span>Reversed Message: {{ reverseMessage }}</span> 结果： Reversed Message: ! sj.euv olleh 计算属性的使用是为了避免插值中使用复杂的计算而导致难以维护。 使用计算属性可以将最终的结果值放入
阅读全文
摘要：new Vue({ el: "#box", // element（元素） 当前作用域 data：{ msg:"hello!" }, methods:{ changecontent(){ this.msg='hi!' } } }); new Vue({ el: "#box", // element（元
阅读全文
浙公网安备 33010602011771号