当前是vue项目,想在tool.js(工具模块)中封装一个跳转页面的方法, goToUrl(name,query){ if(query){ if(query.addressCode){ vueObject.$router.push({name:name,query:query}); }else{ query.addressCode = this.getParam('addressCode'); this.$router.push({name:name,query:query}); } }else

基于vue项目的组件中导入mui框架初始化滑动等效果时,控制台报错:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 可使用 babel-plugin -transform-remove-strict-mode 移除严格模式 可先进行$ n

vue项目在ie浏览器中出现空白,f12打开后发现在body下面就只有一个div盒子,因此我们可以猜测就是js没有引入导致的,所有网上看了一些相关的才知道,在ie中无法解析es6或者版本更高的语法,所以需要一个解析的js去把es6,es7语法转换为es5语法. 首先安装 babel-polyfill npm install --save-dev babel-polyfill yarn add babel-polyfill -S 其次在入口文件中引入即可(在vue项目中的main.js,这个具体项

1.项目结构: 2.在build文件夹下的webpack.base.conf.js文件中设置src的路径别名. 3.在js文件或者vue文件的script标签中使用: (1).js文件中导入示例: (2).vue文件中导入示例: 4.css(scss)文件在scss或者vue的style标签中导入示例: (1).在scss文件中导入示例: (2).在vue的style标签中导入示例: 注意:css或者scss样式导入需要使用 ~@ 开头. 5.在vue的template模板标签中引入图片路径示例

问题回顾: 1.vue项目的在弹窗上的form表单验证,第一次点击新增时正常,第二次新增打开弹窗后由于表单内容为空,出现验证这种情况 2.为了解决上面的情况,在执行点击新增事件加上this.$refs[formName].resetFields()或者this.$refs[formName].clearValidate(); 3.刷新界面后第一次点击新增出现这样"Cannot read property 'resetFields' of undefined"或者"Cannot

周末想顺便把已经做好静态页面的webApp项目做一下SEO优化,由于不想写蹩脚的SSR代码,所以准备采用预渲染,本来想着网上有这么多预渲染的文章,随便找个来跟着做不就完了嘛,结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T 声明: 以下配置只保留有必要的 生成目录这里使用base代替,请自行修改 vue-cli模板使用webpack,其他模板类推 webApp - 在线预览 Github - 配置了预渲染的demo 1. 简介与使用场景 我们知道SPA有很多优点,

使用vue-cli构建vue项目后,再打包遇到一个css引入的背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图: 当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包后,访问dist目录下的项目,页面背景图路径就不对了 解决方法:只需要在build/utils.js文件中添加如下一行代码即可. publicPath:'../../' 如下图: 这样就解决这个问题.

有时候引入第三ui插件,修改样式 时候,需要再单独定义style标签,才有效果,可是会影响全局影响全局,如下所示 加上/deep/,就可以了,

为了解决uchart作为子组件在主组件里引用但不显示的情况,(同样适用于弹窗之中)目前有三种方法. 1-解决方式 1>如果你使用的uchart子组件是从官方拿的例子:进入到uchart子组件将onReady或者onLoad(){}的方法的名字换成mounted. 2>以父组件给子组件传值的方式给子组件的图表数据赋值. import EchartsBar from '@/components/cardReportCharts/index.vue'//父组件的js <template>

今天想在后台封装一下bootstraptree这个插件,引入jquery.js bootstrap.js bootstrap.css bootstrap-tree.js后,我在页面查看脚本错误就连最简单的 $(function(){ alert("test"); }) 经过一番查看,原来mvc在生成_layout的时候默认先引入css文件 然后 嵌入部分视图,然后 嵌入body 最后引用脚本 这样的话我们可以使用 @section Scripts { @Scripts.Render(&

环境准备: 1.在karaf_home下新建 config及logs目录 2.将mylog4j.properties拷贝到config文件夹下 查看log4j-1.2.17.jar/MANIFEST.MF Manifest-Version: 1.0 Export-Package: org.apache.log4j.net;uses:="org.apache.log4j,org.apach e.log4j.spi,javax.naming,org.apache.log4j.helpers,java

关于打印整个页面的,没什么好说的.今天我给大家分享一个打印指定区域的方法,你想打印哪里,就打印哪里! 我也是刚刚开始接触打印这一块功能的,然后当然是找度娘深入了解了一番啦,期间试了网上的各种方法,有的压根就没效果: 有的可以实现打印部分区域的页面,但是在打印界面会丢失样式,那样子界面会很丑:下面我会列出网上的部分方法,以及我的方法.(插件我没有试过~) 网上方法一:(该方法我在vue页面使用没有做到指定区域打印,而是打印全部) 网上方法二:(该方法我在vue页面使用可以做到打印部分区域,但是样式

修改nginx配置文件为 server { listen 80; server_name www.vue.com; root html/xxx/dist/; client_max_body_size 500m; #图片路径拦截,定位到图片静态资源 location / { try_files $uri $uri/ @router; index index.html index.htm index.php; } location @router{ rewrite ^.*$ /index.html

[方案1] 错误如下: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! travel@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the travel@1.0.0 dev script. npm ERR! This

一.env文件的认识: (1).env 文件主要的作用是存储环境变量,也就是会随着环境变化的东西,比如数据库的用户名.密码.缓存驱动.时区,还有静态文件的存储路径之类的.因为这些信息应该是和环境绑定的,不应该随代码的更新而变化,所以一般不会把 .env 文件放到版本控制中. (2)关于env文件的命名规范:必须以".env"文件名开头 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下

前提:创建好的vue项目 前言: 为什么引入mockjs:为了实现前后端分离,开发工作可以异步进行 其他工具:axios 一般的前后端交互过程:前端 --> ajax请求 --> 网络协议 --> 后端服务 --> 后端处理后返回请求结果给前端 --> 前端接收请求结果,做后续处理 前后端分离的交互过程:前端 --> axios --> 网络协议 --> mockjs模拟请求结果 --> 前端接收Mock出来的数据,做后续处理 相当于mockjs充当原

效果图: 1,vue项目环境 2,引入element-ui组件 3,制作表格 此处省去制作循环表格数据那步,想看的可以找回我的博客:element中的表格处理:循环出表格数据 今天想在表格出循环出一列图片 首先大致分为两个层面 1,当index==0 (或许==1...看看你想让它在哪一列显示) 2,当index>0.循环出表格的其他数据. 上代码 1,这是循环出的图片列.主要是要判断一下当index==0的时候,同时把参数传进表格循环的时候.然后绑定src.数据跟表格循环的数据一样,在data

在vue中配置rem 位置:在APP.vue的script中,在export default之外 (()=>{ let winW = document.documentElement.clientWidth, desW = 1440, htmlFont = winW / desW * 100; window.htmlFont = htmlFont; document.documentElement.style.fontSize = htmlFont + 'px'; })() 浏览器的兼容性之Ma

vue项目中遇到一个打印的功能.思考之后决定点击按钮,跳转到一个HTML页面(后台写的),利用window.print()方法调用浏览器的打印的功能. 所以,现在的问题是,怎样跳转到外部链接.开发vue项目的人都知道,vue项目会分为三个版本:开发,测试,生产,我们可以在config文件夹下面的dev.env.js,prod.env.js,test.env.js配置路径. 所以我们就会遇到跨域的问题. js: let Path = process.env.APP_EXCEL_PATH+'prin

在vue项目中各组件之间传值非常的好用,但是当组件数量多的时候,就会感觉到多个组件之间传值就会变的非常痛苦.因此就需要使用vuex来管理数据值,这样在任何页面不需要传值过来的情况下就可以拿到我们想要的值,值被修改后,所有用到该值得地方都会修改. 首先创建完vue项目后安装vuex,一般创建vue项目的过程中会自动安装vuex,在此我们从头开始,默认vue项目中没有vuex. 在项目根目录打开cmd命令窗口,输入以下命令: npm install vuex --save 安装成功之后会看到这个界面

vue实例 vue2.x中创建vue实例,挂载到dom节点 点击查详情 <div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{url}}</h1> <h1>{{details()}}</h1> </div> <script type="text/javascript"> var vm = new Vue