2020年6月
web前端_Vue框架_设置浏览器上方的标题和图标
摘要： 在创建Vue项目时一般会用默认的项目标题和图标，如下图所示： 不是很美观也可能不符合项目的需求，所以有时候就需要改变项目在浏览器上方的标签名称或者图标。 1、找到项目根目录的index.js，如图： 2、进去就能够修改title，也就是在浏览器上方的标题 <meta name="viewport" 阅读全文
posted @ 2020-06-10 16:39 潇潇mini 阅读(1881) 评论(0) 推荐(0)
2020年5月
Vue如何动态渲染html
摘要： 大家在使用Vue时，一般使用{{ Mustache }}或者v-text进行插值，对此，官方给出的解释是： 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>Message: {{ msg }}</span> Mustache 标签将会被替代为对应数据对象 阅读全文
posted @ 2020-05-29 15:25 潇潇mini 阅读(7961) 评论(0) 推荐(0)
vue中created、mounted等方法整理
摘要： created:html加载完成之前，执行。执行顺序：父组件-子组件 mounted:html加载完成后执行。执行顺序：子组件-父组件 methods：事件方法执行 watch：watch是去监听一个值的变化，然后执行相对应的函数。 computed：computed是计算属性，也就是依赖其它的属性 阅读全文
posted @ 2020-05-25 15:34 潇潇mini 阅读(540) 评论(0) 推荐(0)
vue项目引用jquery的步骤
摘要： step1:首先安装jquery依赖 在项目终端中输入npm install jquery -save-dev step2:在项目 build 里的webpack.base.conf.js 里加载webpack文件，注意，要放在配置文件第一行； step3:其次是在下图的位置，添加代码配置jQuer 阅读全文
posted @ 2020-05-21 10:43 潇潇mini 阅读(1154) 评论(0) 推荐(0)
解决vue2.*开发环境下报错Invalid Host/Origin header，[WDS] Disconnected!
摘要： vue2.*在dev环境下，打开链接后控制台一直刷报错如下图： 解决办法：第一步：修改根目录下/config/index.js文件内的host值为’127.0.0.1’第二步：修改根目录下/build/webpack.dev.conf.js文件内的devServer，在devServer下增加一行： 阅读全文
posted @ 2020-05-15 10:22 潇潇mini 阅读(3606) 评论(0) 推荐(0)
Vue中通过定时器制作简单倒计时
摘要： 先贴页面代码，就一个简单的div，然后绑定点击事件 下面是js代码 在点击事件前先判断按钮是否可点击，通过后将按钮修改为不可点击，再开始我们的定时器。在定时器中重新给按钮显示的text赋值，并在完成后恢复按钮的点击状态，销毁当前倒计时。 这样，一个简单的倒计时获取验证码的功能就做好啦 阅读全文
posted @ 2020-05-07 15:41 潇潇mini 阅读(4471) 评论(0) 推荐(0)
2020年4月
vue中router-link传参以及参数的使用
摘要： 方法一 路径：http://localhost:8080/#/index/1 cardData.projectId 是传过去的值 路由： 参数使用：this.$route.params.id（这个id跟上图路由的配置有关） 方法二 路径：http://localhost:8080/#/index?n 阅读全文
posted @ 2020-04-24 16:19 潇潇mini 阅读(11075) 评论(0) 推荐(0)
vue路由传参并跳转页面
摘要： 方式一：query传参 //传参 go(){ that.$router.push({ path:'/order',//跳转路径 name: 'Order',//跳转路径的name值，不写跳转后页面取不到参数 // 参数 query: { name: 'name', dataObj: {} } }) 阅读全文
posted @ 2020-04-23 20:18 潇潇mini 阅读(1010) 评论(0) 推荐(0)
Vue 父组件向子组件传值
摘要： 父组件： 子组件： 数组类型的话，还可以直接 props:{ 参数名:[] } Json类型，则使用 props:["参数名"] 注：基本数据类型只有6种： Undefined、Null、Boolean、Number、String、Symbol 阅读全文
posted @ 2020-04-22 16:59 潇潇mini 阅读(158) 评论(0) 推荐(0)
Vue 子组件向父组件传值
摘要： 子组件： 父组件： 阅读全文
posted @ 2020-04-22 16:52 潇潇mini 阅读(156) 评论(0) 推荐(0)