![](https://img-blog.csdnimg.cn/20190917104910724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
杨天福911
一个沪漂奋斗中的码农……
展开
-
vue2.x和3.x中mock数据方式
vue2.x中mock数据webpack.dev.conf.js中引入本地json文件和数据格式const appData = require('../data.json');const seller = appData.seller;const goods = appData.goods;const ratings = appData.ratings;webpack.dev....原创 2019-11-22 17:01:50 · 6517 阅读 · 0 评论 -
vue动态设置v-for循环中item的样式
要实现的效果:点击时选中当前item,并将其他item恢复,默认选中第一个数据处理 data() { return { dialog:true, choose_grade:1, gradeList: [ { label: "一年级", g_id: 1 ,choose:true },...原创 2019-09-24 20:16:07 · 12262 阅读 · 1 评论 -
关于vue中引入scss报错的问题
vue中lang="scss"后报错TypeError: this.getResolve is not a function at由于当前sass的版本太高,webpack编译时出现了错误,这个时候只需要换成低版本的就行,下面说一下修改方法,很简单,如下,找到package.json和package-lock.json文件,里面的 "sass-loader"的版本更换掉 就行了,换成如下版本...原创 2019-09-20 18:15:10 · 8781 阅读 · 0 评论 -
vue中组件间参数传递和路由传参,div标签实现可复用组件超出屏幕横向滚动效果
router-link方式传参router 中的index.js 配置路由组件中跳转传参:to="{name:‘MusicPlay’,params:{songid:item.song_id}}" <router-link tag="div" :to="{name:'MusicPlay',params:{songid:item.song_id}}" class="card u...原创 2019-09-20 17:11:50 · 7117 阅读 · 0 评论 -
Nginx基础配置和vue项目打包发布
内核版本号uname -r 系统版本号sudo lsb_release -a 提权sudo -i name: blissyang pwd: qwer123456cmd 输入 bash 切换至Linux sudo apt-get install python 安装Python报错:404 Not Found [IP: 91.189.88.162 80]sudo apt-ge...原创 2019-09-19 19:08:56 · 7018 阅读 · 0 评论 -
vue中动态修改css样式代码
问题描述:一个脱离文档流的元素定位,要根据文档流中的特定元素的位置而改变,而该特定元素的位置又是不固定的,这个时候css代码就不能直接写,需求如下:解决方案:先给弹窗写基础样式,定位信息可以不写toast_tips 表示该元素的基础样式,写在css中,toast_tips_style表示附加样式,需要在js中动态写入 <div v-show="toast" class...原创 2019-09-06 18:54:39 · 21813 阅读 · 2 评论 -
vue中设置根标签div的高度height:100%不起效果的解决方案
vue中设置跟标签div的高度height:100%不起效果的解决方案:height:100vh根据当前视图窗口的高度填满原创 2019-08-27 09:12:40 · 10588 阅读 · 0 评论 -
vue中设置input标签的文本颜色和placeholder颜色区分
在input标签中直接设置color属性,会发现placeholder的颜色也会跟随改变,若要区分,给placeholder增加-webkit-input-placeholder属性>input{ width: 100%; height: 100%; position:relative; p...原创 2019-08-20 10:32:05 · 27094 阅读 · 0 评论 -
Vue中容器和标签的居中css样式
容器居中样式<template> <div> <div class="wrap"> <!-- <p>单个vue文件</p> --> <div class="content"> ...原创 2019-08-16 18:15:08 · 17036 阅读 · 0 评论 -
vue中的axios引入方式和跨域问题
用localhost进行本地测试的时候,调用第三方接口会报跨域的错误 ,如果想在localhost下正常调用第三方接口的域名,需要进行如下配置配置 proxyTable {}module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', ...原创 2019-08-15 18:23:07 · 6827 阅读 · 0 评论 -
vue 弹出全屏遮罩层
vue 弹出全屏遮罩层 <div v-show="dialog" class='popContainer' @click="hideDialog"> <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt="" > ...原创 2019-08-12 13:43:24 · 12311 阅读 · 2 评论 -
Vue笔记
在终端使用命令vue create hello-vue生成的Vue项目hello-vue默认是有.git文件夹的,但是没有指定上传的地址,要进行版本控制需要进行如下关联:在GitHub或者码云上创建同名仓库 hello-vue,名字自便但要和本地创建的vue项目名称保持一致打开vscode终端:git remote add origin https://github.com/Blis...原创 2019-07-12 15:50:04 · 5268 阅读 · 0 评论 -
vue异步请求等待处理的回调
需求:有的时候我们需要在网络请求结束后,再进行后续动作,例如,在一段网络请求结束后执行跳转,如果不做处理,会有可能出现网络请求未完成的时候页面就已经跳转走不存在了,所以要在调用网络请求的方法中加入一个回调函数,函数里边写请求结束的代码,然后等待网络请求结束后,再去执行这个回调函数异步的网络请求方法请求方法中传入callback回调方法作为参数 async postRequest(da...原创 2019-09-25 14:59:23 · 15976 阅读 · 0 评论 -
关于beforeRouteEnter获取当前实例this的问题
beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不!能!获取组件实例 `this` // 因为当钩子执行前,组件实例还没被创建 }, beforeRouteUpdate (to, from, next) { // 在当前路由改变,但是该组件被复用时调用 // 举例来...原创 2019-09-25 21:10:16 · 19486 阅读 · 4 评论 -
vue中修改网络请求数据不能更新视图UI的问题
由于 JavaScript 的限制,Vue 不能检测对象属性的添加或删除:var vm = new Vue({ data: { a: 1 }})// `vm.a` 现在是响应式的vm.b = 2// `vm.b` 不是响应式的使用 vm.$set 实例方法 在一个数组的对象中增加一个children数组this.$set(this.data[i], 'childr...原创 2019-09-26 14:53:40 · 7182 阅读 · 0 评论