- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 vue-cli构建项目如何运行
使用vue-cli构建项目后,在项目目录中,运行命令 npm run dev运行项目,运行成功后会返回一个地址路径。在地址栏直接输入该路径可以看到效果。
2018-05-26 14:01:46 5436
原创 vue-cli打包后运行报路径错误
使用vue-cli打包好的项目放到tomcat下,新建一个目录存打包好的文件,发现报js、css路径错误。解决方案:1.打开config文件夹下的index.js文件,index.js文件有两个assetsPublicPath熟悉,build里面的assetsPublicPath属性,把 assetsPublicPath: '/'修改为 assetsPublicPath: './' 2.改好之后...
2018-05-25 16:28:00 1158
原创 tomcat启动一闪而过
使用startup.bat运行tomcat后发现,一个窗口一闪而过,刚开始以为是tomcat环境变量配置问题,多次检查发现tomcat环境配置是正确的。tomcat是从官网下载的,tomcat的环境配置也是没有问题的,会不会是由于没有安装jdk导致呢?于是去下载了jdk,同时配置了jdk的环境变量,然后重新启动tomcat发现可以正常启动。原因:tomcat的启动需要安装jdk,当没有安装jdk时...
2018-05-25 15:40:57 466
原创 使用node.js创建一个案例
var http = require('http');http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, {'Content-Type': 'text/plain'})...
2018-05-25 12:20:31 216
原创 vue-cli的使用;如何使用vue-cli搭建项目
vue-cli使用步骤。1.安装node.js;2.安装cnpm。按快捷键Win + r 打开运行对话框,输入cmd后按回车,在弹出的命令对话框中输入 、npm install -g cnpm --registry=https://registry.npm.taobao.org 进行淘宝镜像cnpm的安装;3.安装vue-cli。在命令行窗口中输入 cnpm install vue-cli -g...
2018-05-24 13:15:38 2019
原创 v-tetx 如何使用filters
使用vue进行数据处理的时候发现,无法正常在v-text里使用过滤器,可以使用$options.filters让v-text支持过滤器。<div id="app"> <div>默认价格:{{money}}</div> <div>使用过滤器处理显示价格:<span v-text="$options.filters.moneyFilte...
2018-05-16 11:51:51 318
原创 css设置浮动导致背景颜色无效解决方案
float浮动会使父元素高度塌陷,父级元素不能被撑开,所以导致CSS背景不能显示。解决方案: 1.对父元素设置高度; 2.对父元素设置 overflow:hidden清除浮动; 3.把父元素也设置为float浮动;...
2018-05-15 10:12:50 9355
原创 vue computed的set方法无效怎么办?
vue可以通过set方法将data里面的原始数据改掉,但是为啥监控发现并没有变化,而且set和get打个对调,get输出的值还是不变。原因:默认情况下computed的set方法是不会被执行,只有对重新赋值才会触发computed的set方法。解决方法:只需要对app.fullName进行赋值即可步骤:通过get、set方法对fullName进行赋值,同时在对应的get、set方法里使用conso...
2018-05-10 13:39:09 19039 2
原创 vue的props如何传多个参数
vue父作用域将数据传到子组件通过props进行传参,如果需要传多个参数可以数组形式赋值给props,通过这样子组件就可以获取父组件传体过来的多个参数了。<div id="app"> <ul > <todo-item v-for="(item,index) in arr" v-bind:todo="item" v-bind:index="index"&
2018-05-10 10:39:27 26741 1
原创 v-for使用报错:Cannot use v-for on stateful component root element because it renders multiple elements.
在使用v-for的时候遇到了这样的错误:Cannot use v-for on stateful component root element because it renders multiple elements. 错误如图:错误代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8">...
2018-05-09 17:48:36 29256 6
原创 vue的 v-for获取循环的下标
vue框架中可以使用 v-for 指令可以绑定数组的数据来渲染,那么如何在使用v-for循环的时候获取数组的下标呢?语法:<li v-for="(arr,index) in arr">{{arr.text}}</li> /*index表示当前数组的下标*/ <ul id="app"> <li v-for="(arr,index) in arr...
2018-05-09 16:01:21 45057 1
原创 vue.js报错 vue.js:597 [Vue warn]: Cannot find element: #app
刚开始使用vue的时候发现vue报vue.js:597 [Vue warn]: Cannot find element: #app的错误,初始以为是写的代码有错误导致,于是认真的对照了几遍发现代码和官网的一模一样。代码都一样了,那就排除了是代码愿意导致vue报错,突然想到会不会是把vue.js文件放在head里面导致还没有加载完成就进行渲染,试着把js移到body标签尾部,发现vue可以正常运行了...
2018-05-09 11:30:24 6371
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人