vue前端零碎
关注
分享
扫一扫
主要记录了本人学习vue遇到的知识点
春风又一季
lecodeyang.github.io/yangmimi
展开
-
Vue filter 关于在el-table-column中格式化日期
首先写一个filter的js文件import Vue from 'vue'Vue.filter("formatDate", formatDate);Vue.prototype.formatDate = formatDate;function formatDate(value) { var date = new Date(value); var year = date.getFull...原创 2020-05-31 09:54:21 · 923 阅读 · 0 评论 -
Vue实现标签t跳转 标签 href 动态拼接 ，vue打开外链链接，点击后使用新窗口打开网页
注意点：1.href前面要加“：”2.字符串要用单引号“ ’ ”包住3.句尾要加“.html”转载 2019-07-13 23:35:12 · 1415 阅读 · 0 评论 -
ajax访问SSM框架的跨域请求问题
这个是我的错误信息，由于vue的端口号与tomcat的不一致，所以要进行跨域处理，这个问题各种百度，有说在controller上加注解的，又是在springmvc的配置文件上添加东西的，这些我试过了，可能我使用的时候除出错了，当时speingmvc的版本也比较低没有@CrossOrigin这个注解，所以没有用，下面这个方法试了下就可以不报错了，可以请求到方法了这个我是访问ssm中的一个方法/p...原创 2019-03-14 16:35:14 · 435 阅读 · 0 评论 -
vue之watch的路由监听
<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title></title> <!-- 引入vue.js --> <script src='https://cdn.jsdeliv...原创 2019-07-10 11:22:54 · 217 阅读 · 0 评论 -
vue学通之后的总结与大概的概念
关于vue最近正在学习，听过培训师讲了四句话，将它放到博客中，以备后面学习思路的理解1.vue是一个单页面的应用（SPA）2.页面之间的切换有客户端的路由完成3.页面是由HTML，指令，组件，过滤器构成4.组件是按照Model-view思想来搭建的学了vue过后应该就会对vue有新的理解，就是一个页面由好几个不同的组件构成，组件还是由组件构成，就是这样的嵌套方...原创 2019-01-19 19:03:54 · 190 阅读 · 0 评论 -
Vue Error: The template root requires exactly one element.
作者：埋桑链接：https://www.jianshu.com/p/6c6cc02a9001前言近段时间，我正在使用Vue + Element进行新的项目开发。在刚使用完NavMenu组件，准备添加下一项组件时，发生了报错。报错内容Vue Error: The template root requires exactly one element. 详见下图：VSCode 中报错信息No...转载 2019-06-19 22:10:25 · 1703 阅读 · 1 评论 -
Vue之自定义组件
自定义组件<body><div id="app"> <person></person></div><script>var Child = { template: '<h1>自定义组件!，这是一个人的定义</h1>'}// 创建根实例new Vue({ el: '#app',...原创 2019-05-10 21:25:38 · 433 阅读 · 0 评论 -
关于vue的url请求图片的问题，请求失败
在vue的开发中遇到这样一个问题:img的src属性绑定url变量,然而图片加载失败。大部分的情况中,是开发者使用了错误的写法,例如:&amp;amp;lt;img src=&amp;quot;{{ url }}&amp;quot;/&amp;amp;gt;这样写肯定是不对的,正确的写法应该使用v-bind:&amp;amp;lt;img v-bind:src=&amp;quot;url原创 2019-01-20 15:03:45 · 6691 阅读 · 1 评论 -
Tomcat下部署vue与war包遇到的坑
首先，用npm run build 来打包项目，然后就会在项目的dist中出现这两个文件然后将它们拷贝到tomcat下的apache-tomcat-9.0.10\webapps，然后给他重命名为pcpc,这个名字可以随便区，就在这里遇到了坑，我使用tomcat的端口号 http://localhhost:8080/pc 然后访问到的页面是空白页面，看了一下控制台，发现有好多文件没有找到，404错...原创 2019-03-07 08:46:21 · 3575 阅读 · 3 评论 -
关于vue路由router跳转的总结与问题
首先要明白vue就是用的组件来组成一个个界面，那么这些界面的切换就要考router来完成一开始是加载index.html来放上App.vue作为祖组件，其他的组件都可以布置在这个祖组件上然后我新建了Test.vue与Test2.vueTest.vue中的是&amp;lt;template&amp;gt; &amp;lt;div id=&quot;name&quot;&amp;gt;原创 2019-01-20 16:04:04 · 716 阅读 · 1 评论 -
vue前端管理后台请求api的放在一个文件内
首先我在config下新建一个httpconfig.js//数据接口的ip和端口const ip = 'http://localhost:8080/Shopping/api/v1';const ip2 = 'http://localhost:8080/pc/pc';const bastic = ip+'/get/user/basic';const update = ip2+'/acc...原创 2019-03-06 10:31:51 · 3076 阅读 · 0 评论 -
Vue之跨域访问的问题axios技术获取后台数据
条件1.后台服务器运行要访问的api路径，这里我用postman来测试路径是否正确，通过这个路径访问看其中是有数据的，跨域访问的时候服务器一定要启动2.在前端的vue中开始安装配置axios，1.npm install axios 在哪个页面用就在那里 import Axios from 'axios';4.App.vue&amp;lt;script&amp;gt;export def...原创 2019-01-21 15:38:08 · 733 阅读 · 0 评论 -
vue之基本指令
Vue组件三个部分template:视图script:逻辑style:样式模板语法表现形式：{{语法}}加载一个变量export default{name:'HelloWorld', data: { return: { hello:&quot;Hello vue&quot; } }}输出{{hello}}出现&quot;Hello vue&quot;{{“hello”}} 出现 hel...原创 2019-02-24 11:20:49 · 156 阅读 · 0 评论 -
vue中安装jquery
进入到项目的终端npm install jquery --save-dev在项目根目录下的build/webpack.base.conf.js文件中：const webpack = require(&quot;webpack&quot;) 在module.exports末尾处添加plugins: [ new webpack.optimize.CommonsChunkPlugin('commo...原创 2019-03-01 22:17:09 · 3933 阅读 · 0 评论 -
Vue学习之如何安装与使用Element
建立项目1.查看 node和npm是不是已经安装好命令：node -v npm -v (没有安装的先安装环境);2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm)3.安装 vue-cli1、cnpm install -g vue2、cnpm ...原创 2019-01-21 10:22:39 · 262 阅读 · 1 评论