![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
zhangleia
这个作者很懒,什么都没留下…
展开
-
vue不通过路由直接获取url中参数的方法示例 (非路由)
第一步:创建utils.js文件,并保存到项目根目录 export default{ getUrlKey:function(name){ return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null; } }第二步:在主js方法(main.js)中注册原创 2020-06-01 15:00:04 · 616 阅读 · 0 评论 -
vue 模拟购物车 小球动画
注意事项:1.给 transition 添加个 name 属性2. enter 中 transition 和 translate 顺序不要写错3. enter 中 要写 el.offsetWidth以上三点会影响动画效果<!DOCTYPE html><html><head> <meta charset="utf-8"&g...原创 2019-12-26 22:07:13 · 211 阅读 · 0 评论 -
webpack 安装vue-loader
18.安装webpack 默认不识别 .vue结尾文件,需要安装loader安装 module: { //这个节点用于配置所有第三方模块,加载器 rules: [ {test: /\.vue/, use: 'vue-loader'} //处理.vue结尾的文件 ] },cnpm i vue-loader vue...原创 2019-12-11 17:24:45 · 1960 阅读 · 0 评论 -
webpack4 从零开始
1.创建一个名为webpack-study目录,进入目录2.通过运行以下命令初始化cnpm init -y3、并引入 webpack 4:cnpm i webpack --save-dev4、我们还需要webpack-cli,作为一个单独的包引入:cnpm i webpack-cli --save-dev5.安装wepack-dev-server...原创 2019-12-11 13:31:55 · 156 阅读 · 0 评论 -
webpack4 使用bootstrap4 图标
在webpack项目开发中,难免会需要一些图标,如果用到bootstrap4的话,就会碰到一些问,因为bootstrap 4.x版本把icon分离出来作为一个单独的项目open-iconic,所以cnpm i bootstrap -S是还不够的。还需要在安装open-iconic项目。1. 下载安装:cnpm i bootstrap -D 如果是4以上的版本,还需要安装 c...原创 2019-12-09 22:52:26 · 530 阅读 · 0 评论 -
vue jsonp PHP
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue-Ajax请求</title> <script type="text/javascript" src="../lib/vue.js"></script> <scr...原创 2019-10-31 01:16:52 · 81 阅读 · 0 评论 -
Uncaught (in promise) 的解决方法
<script type="text/javascript"> var vm = new Vue({ el:'#app', data:{ msg:'hello world' }, methods:{ getInfo(){ this.$http.jsonp('http://api.vue-tp5.com/v1/index/index').then(...原创 2019-10-31 01:14:10 · 11505 阅读 · 0 评论