qq_36800701的博客

nuxt2.13.3最新版本增加了自动注入compoent的功能；如果要兼容IE，请不要使用；否则会报错nuxt.config.js中components: false; // 禁止自动注入component

用的是：nativeOnClick{ this.navList && this.navList.map((it, index) => <router-link tag={ 'span' } to={ { path: it.path } } class={ `${ styles.item } ${ this.currentNavIndex ===...

注意：vue-cli4目前貌似是会报类型错误的，不管是element-ui,还是ant-design-vue，不知道是不是新版的cli需要 做什么配置；但是vue-cli3是没问题的；报错的话，检查一下版本vue-cli是不是升级到了4了...

第一步，在 src目录下新建一个 typings.d.ts 文件declare module '*.css';declare module '*.less';declare module '*.scss';declare module '*.sass';declare module '*.svg';declare module '*.png';declare module '*.jp...

Vue全局组件一直有一个隐藏的问题，比如A页面和B页面是平级关系比如在A组件里注册了全局组件Button，然后我们在A页面里跳转到了B页面，在B页面里是使用Button你会发现一切都是正常的；Button组件可以使用的；但是如果你在B页面刷新的时候，你 就会发现它报错了，说是Button组件没有注册；这个会给我们带来一个问题，就是在我们开发的时候，如果你从A页面跳转到B页面的时候，刚好用了B...

用jsx语法比较方便，不然slot不知道要怎么写render (h) { return ( <el-input { ...{ props: this.$attrs, on: this.$listeners } }> { Object.entries(this.$slots).map(([name,...

element-ui有一个隐藏的组件，官方文档没有给，不知道什么原因，但是可以用如下代码<template> <div id="app"> <el-scrollbar class='page-component__scroll'> <router-view /> </el-sc...

tab: function (event, item, index) { console.log(event.target); //当前点击的元素 console.log(event.currentTarget); //当前绑定事件的元素 this.currentIndex = index;}, 

面板，可切换显示子页面。官网的例子：&lt;mt-tab-container :active.sync="active"&gt; &lt;mt-tab-container-item id="tab-container1"&gt; &lt;mt-cell v-for="n in 10" :title="'tab-container1 ' + $index"&gt

众所周知，组件可以缓存住组件的数据；具体用法可以看官网;大概的用法就是下面这样的<template> <keep-alive> <component :is="currentComponet"></component> </keep-alive></template><script> impo...

在vue.config.js中配置 // 禁用webpack热重载，网上是这么说的，不然cli3无法热重载，这个和跨域没关系，只是刚好复制过来了devServer: { disableHostCheck: true, /** * 这里的设置会把 /api 开头的请求代理到 http://localhost:9001 中去 * 比如请求地址： '/api/test02...

html中绑定事件，type=number 可以避免其他字符的输入，但是规避不了小数点输入 <input type="number" placeholder="输入想要出售金额" v-model="pricing" @input="preventPoint('pricing', $event)">vue中的方法，自己加一个方法，把value值给整数化，但...

px2rem构建项目 (vue-cli3.0)vue create hello-world (Manuall select features)安装 px2rem-loader(devDependencies)npm install px2rem-loader --save-dev移动端适配解决npm包 “lib-flexible” (dependencies)npm instal...

Vue.extend()：创建一个Vue的子类，参数和Vue的参数是一样的，返回值为一个子类(好吧，其实JS中并没有类这个概念，至少es6之前是没有的)，准确来说是返回一个构造函数；看例子&lt;div id="mount-point"&gt;&lt;/div&gt;// 构建子组件 var todoItem = Vue.extend({ template: ` ...

为了做一下记录，怕把连接弄丢了，或者作者把文章给删除了原文地址：https://www.cnblogs.com/fighxp/p/7815099.html 网上有些贴子少了至关重要的一步导致我一直没装上， 切记！！install后还需build，且install和build都在vue-devtools文件夹内执行github下载地址 点击跳转  具体步骤：第一步：找...

最近做的一个项目，是关于房产的一个app；由于只会前端的一点东西，也没有任何的开发经验，所以所做的一切都是百度找的，最后找到了MUI这个框架，说是最接近原生APP的一个框架，反正我啥也不会，就这么用吧；总结一点问题 一，关于固定定位的问题 其实在IOS下固定定位并不稳定，特别是在用户输入内容的时候，固定定位就会出问题，其实我是比较想用绝对定位来模拟固定定位的，但是因为很多东西不是很熟悉，加...

在用vue-cli我们引入js的时候一般都import语法，但是有时候我想要引入第三方插件，比如说，我们把一个js文件下载下来了，然后放在src/assets/js下，然后我们用import引入，这样明显是会出错的，因为下载的JS文件根本就没有用export语法把文件给导出；那可能就要同学会说，自己加一个导出不就好了，这样也是可以的，但是新手如我这般的，要用好vue-cli让项目跑起来都不容易了，...

安装：axios vue-axios$ npm install axios --save$ npm install vue-axios--save//在main.js中import Vue from 'vue'import Axios from 'axios'import VueAxios from 'vue-axios'//作为插件Vue.use(VueAxios,Axios)//在组

在做项目中，一般我们都会遇到这样的需求，头部的导航后台是可以动态修改的（添加，删除），并且可以无限级的添加子导航例如下图要实现这个其实是听容易，就是做个递归头部，（具体参考上一节,vue递归组件）不过一般我们需要实现上述导航的时候，需要的数据结构是这样的            var routes = [ { path: '/A-1', name...

首先我非常感谢知乎的一个叫做‘王欢’ 的作者，一句话就点明了最近在做一个企业网站，头部是需要根据后台动态添加的，然后我们肯定是需要根据后台给我们的数据，动态生成头部导航（这个倒是很容易的），然后再动态添加路由，利用的方法是vm.$router.addRouters()【不明白怎么用的可以去官网看一下】，参数是，一个数组，这个是数组和路由配置里的routes里的是需要一样的数组；还记得我们是怎么配置...

vue-router做项目的时候，有时候需要从天台页面切换到后台管理界面，这个是其实头部导航是不一样的，因为是单页应用，所以一般的解决方案有两个，一，切换到后台的时候对应的显示和隐藏导航二，用路由命名视图export default new Router({ routes: [ { path: '/', name: 'home...

记录一下代码！&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;vue响应式原理&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;div id="app"&

本篇文章主要介绍了vue用addRoutes实现动态路由的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vue实例，代价是登录页需要从Vue实例中独立出来，实现上倒没什么问题，不过这种做法需...

先看看效果图在做项目的时候，一般都需要这样的导航，可以无限的添加导航仔细看看这个导航，只有一级导航是浮动的，然后二级，三级，四级...都是在下面横着排列过去的；我做这个的时候是先在纸上画了个图(毕竟本人比较菜)，然后先把布局做出来；先来说说怎么做布局的吧；看看我的静态页面的结构        &lt;ul class="list"&gt; &lt;li&gt; ...

1、安装sass-resources-loadernpm install sass-resources-loader --save-dev2、添加函数找到 build/utils.js 文件，在 exports.cssLoaders 模块中加多一个函数function lessResourceLoader() { var loaders = [ cssLoa...

今天开项目，决定使用 Vue 来进行开发，遂开始寻找 Vue 相关的 Ui 组件库，找了一圈看下来，Github 上 star 数最高的二个分别为 Mint-ui 和 Vux，分别扫了他们的二维码体验了下，发现 Vux 在界面切换的时候不流畅，所以就剩下 Mint-ui 这一个选择了。下面开始今天的爬坑之旅。坑一：npm 5.8.0在新建项目的时候发现 npm 有新的版本升级，就顺手升级了下 np...

var foo = { template : ` div>父级div> router-view>router-view> ` }嵌套路由的时候，复制了官网的例子，你如父组件嵌套子组件的时候，你要像以上那样写，那么就会失效的 一定要外边包裹一层容器如下：//定义组件var foo = { te