![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-npm
萝卜芹菜芽
细节总结
展开
-
element select 多选,真正失去焦点
element select 多选,失去焦点原创 2023-02-28 16:14:45 · 1045 阅读 · 0 评论 -
axios 异步多个 MessageBox.confirm 弹出, 点击取消全部关闭
messageBox.confrim 弹出原创 2023-02-23 17:34:50 · 683 阅读 · 0 评论 -
vue-router beforeEach 弹出框弹出又消失
vue 路由拦截弹出框消失原创 2022-11-22 13:52:55 · 986 阅读 · 0 评论 -
vue组件v-on=“$listeners“与重写事件,执行两次
比如 element 组件 el-select,change 事件重写,返回更多的参数:<el-select @change="changeSelect" v-on="$listeners">xxx</el-select>method: { changeSelect(val) { this.$emit('change', val) }}使用:<EccSelect @change="selectChange"></EccSelect>原创 2021-07-16 09:51:58 · 3360 阅读 · 2 评论 -
vue-router 配置根路径, publicPath & base
vue.config.js是否为生产环境const isProduction = process.env.NODE_ENV !== 'development'配置 publicPathmodule.exports = { publicPath: isProduction ? 'portal' : '/'}原创 2020-06-18 19:09:13 · 5255 阅读 · 0 评论 -
配置 vue.config.js & index.html
配置两个文件:vue.config.js 配置 cdn & zippublic/index.html 配置1. vue.config.js 配置(可直接复制)出处:https://c.lanmit.com/Webqianduan/JavaScript/55401.html注意事项:用 jsdelivr 代替 bootcdn安装 cnpm install compression-webpack-plugin --save-devconst path = require('pa原创 2020-05-23 15:14:29 · 3791 阅读 · 0 评论 -
移动端调试神器 eruda
<script src="//cdn.jsdelivr.net/npm/eruda"></script>或者import eruda from 'eruda'只是在开发调试使用:const userAgent = window.navigator.userAgentif (process.env.NODE_ENV === 'development') { ...原创 2019-05-29 16:15:49 · 357 阅读 · 0 评论 -
axios 表单式提交 post
axios 表单式提交 post:paperId=41&amp;amp;examResult=X%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX需要添加: transformRequest :原创 2018-12-20 14:52:14 · 278 阅读 · 0 评论 -
v-for 复用组件, 动态修改 dom 样式
思路:监听数据变化ref 写在 v-for 的 dom 上this.$nextTick : dom 渲染完毕实例代码:原创 2018-08-02 17:41:41 · 642 阅读 · 0 评论 -
vue2.0 组件 vue-ztree 技巧
安装: npm install vueZtree --save-dev引入import vueZtree from &amp;quot;vue-ztree/src/components/vue-ztree&amp;quot;;用法参考 https://github.com/lisiyizu/vue-ztree-2.0注意事项末尾都要有 children , 空数组也可以业务: 这两个地方都可以控...原创 2018-07-11 14:14:09 · 8985 阅读 · 3 评论 -
element-ui 组件 table 多选,翻页有记忆功能
需求(这样的需求挺无赖的。。。):表格多选支持翻页当前页全选注:翻页时需要把上一次当前页点击的选项选中, 可以实现但是性能不好(每次点击都需要双重循环)。效果如下:方法: 单击事件和全选事件都需要 一、 单击事件,2个参数(selection,row):selection: 当前页所有打钩的row: 当前点击的行 通过这两个参数可以判断,当前点击是打钩还是取消打钩二、 全选/取消全原创 2017-05-23 17:28:44 · 15785 阅读 · 4 评论 -
vuex 小总结
vuex: 模块化管理(单一状态树 store.js)本文案例:https://github.com/leftHandCat/vuex-modulesAPI:state: 存储状态和数据的变量gatter: 依赖 state 的数据做处理后的返回变量,不直接修改 statemutation: 事件,唯一可以修改 state 的地方,同步action: 事件,类似 mutation, 不能直接原创 2017-08-04 16:37:28 · 675 阅读 · 0 评论 -
vue 不能全局访问的处理办法
前提:曾经移动过 npm 的根目录地址到其他盘(比如: D:/VueTest),导致全局安装的 - Vue 只能在 D:/VueTest 下进行访问,全局访问失败实现的原理就是:将 npm 的根目录地址重新放回 node 的安装目录下 :) (感觉都是自己zuo出来的,不过没解决办法时确实伤脑筋)步骤:step 1: 找到默认的安装地址,查看该文件是否存在: C:\Program Fi原创 2017-02-28 17:29:18 · 1104 阅读 · 0 评论 -
组件中引入 jquery 需要修改的地方
1. 文件目录build/webpack.base.conf.js2. 修改位置:var webpack = require('webpack')plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" })],3. 在项目里面引入 :import $ from '原创 2017-05-23 19:37:58 · 301 阅读 · 0 评论 -
cnpm 安装 node-sass & sass-loader, 仍旧无法编译的原因
原因:1. 增加配置: webpack.base.conf.jsloaders:{ scss: ['vue-style-loader','css','sass'].join('!') }如图: 提示:在 vue 文件里面的 style 里面直接引用 scss 能编译 css, scss 部分缺失error: right: 在 script 标...原创 2017-05-25 17:56:18 · 3032 阅读 · 0 评论 -
tab 标签切换 v-for
点睛之笔在于:index 效果: 代码如下: 总结: data 里面存储变量 clickIndex, 点击事件动态改变 clickIndex 的值。 –end原创 2017-05-23 16:13:04 · 1078 阅读 · 0 评论