每天学习一点点

这是因为没有进入到调试页面的原因，当跳转到对应页面时，断点就自动变成红色圆点。比如断点是加在注册页面的注册方法上，当点击注册按钮时，断点就会变成红色显示。在代码编辑器中，找到你想要调试的行。点击行号左侧的空白区域，设置断点（会出现一个红点）。1024是程序的访问端口，在文件vue.config.js中进行配置。如上图所示，在cursor中添加断点，调试vue代码，操作步骤如下。F5或 Ctrl + Shift + D打开调试器，如果没有配置，F5 跳过当前断点，进入下一断点。文件，自动生成调试配置。

vue给对象新增属性对于一般的对象新增属性,只需要对象新增属性赋值操作就可以啦,但是不会触发视图更新.vue中使用$set()方法,既可以新增属性,又可以触发视图更新。this.$set(this.data, "key", value)或者var vm = new Vue({..})vm.set(this.data, "key", value)vue删除...

v-cloak 实现的原理，是 vm 创建好之后，动态 移除 v-cloak 属性，从而 显示 插值表达式的节点应用场景：当网络比较卡的时候，我们可以为 最外层的 元素，添加 v-cloak ，防止用户看到 插值表达式实例:<style> [v-cloak] { display: none; } </style><!-- v...

说到这个问题想必要举个例子了没有key <div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> ...

实例:URL:http://localhost:8080/#/weChatPaySuccess?orderNo=U10070console.log(this.$route.query.orderNo)结果:U10070

一、npm/cnpm安装在终端执行安装命令:cnpm install vue-layer-mobile二、引入和使用在main.js中做如下配置:import 'vue-layer-mobile/need/layer.css'import layer from 'vue-layer-mobile'Vue.use(layer)三:具体使用介绍：这个组件一共有6个方法...

首先在components文件夹中新建一个loading.vue组件:1.loading.vue组件内容如下：<template> <div class="markbox" v-show="loading" style="background-color: rgba(0, 0, 0, 0.5);"> <div class="sun-lo...

这个其实是一个很细节的问题。 如果我们操作一个按钮，然后在按钮点击的时候绑定事件。实现思路:通过控制提交按钮的 disabled 属性 ,规定元素是否禁用.设置点击按钮后一秒钟不可操作,一秒后可操作按钮.代码:<template><button @click="submit()" :disabled="isDisable">点击</butto...

写法一:JumpLogin() { var _this = this; _this.$layer.alert("注册完成,请登录", { closeBtn: 0 }, function(index) { //这里写回调函数的方法体 _this.$layer.close(index); //关闭弹出框 });}写法二:DomeTes...

前端使用axios 访问后端接口时报错:在浏览器中点击红色的报错数据,可以看到下图:从服务器返回的信息可以看出是请求服务器时传递的请求参数存在非法字符,被服务器拦截.解决办法有两种:1.把非法字符删除后再请求服务器2.如果后端是c#接口,可以在web.config文件中做一个配置便可,具体操作如下图所示:在配置文件中添加红色框中的代码,然后重启服务即...

vue中的@click中使用三元运算符语法:@click="dialogStatus=='create'?createData():updateData()"

MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Mode...

vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据持久化，也可以通过插件-vuex-persistedstate。1.手动利用HTML5的本地存储方法vuex的state在localStorage或sessionStorage或其它存储方式中取值 在mutations,定义的方法里对vuex的状态操作的同时对存储也...

问题描述: 在接口数据返回之前,页面开始渲染HTML,导致因为接口数据为undefined或' ' (空)报错.解决方法: 等待接口数据返回后再渲染HTML代码实现:使用v-if来控制页面的渲染顺序<div v-if="ShowPage"><div> data() { return { ShowPage:false, }},crea...

第一步:在src文件夹下面新建 global.js第二步: 在global.js中定义常量.const InsuranceImgUrl = "http://192.168.0.10:81/";export default { InsuranceImgUrl}第三步:在src下的main.js文件中添加配置信息具体配置如下:import V...

错误示例this.leftColumn = {...this.Columns};this.rightColumn = {...this.Columns};正确示例this.leftColumn = JSON.parse(JSON.stringify(this.Columns));this.rightColumn = JSON.parse(JSON.stringify(thi...

1、在main.js中import IdCard from '../static/js/IdCard'Vue.prototype.validid = IdCard;2、使用console.log( this.validid.cnid('110101199003079593') ) //true3、IdCard.js// Generated by CoffeeSc...

数据源:tripData=[{"ID":1,"票号":"104-0000000001","订单编号":"1326011"},{"ID":2,"票号":"104-0000000002","订单编号":"1326012"},{"ID":3,"票号":"104-0000000003","订单编号":"1326013"}]方法体://获取ID集合TicketParams () {...

页面数据已经显示了,但是控制台报错,某个变量未定义.如下图所有:原因可能是因为数据还没加载好的时候已经去渲染页面,这时候是没有数据的,所有渲染报错.所以需要在查询到数据后再去渲染页面.解决办法:第一步:在vue实例中定义一个变量,默认值false,当数据加载完成,赋值为trueexport default {data() {return {...

使用场景:第一步:将js导入到项目文件夹中第二步:在route文件夹的index.js中引用js文件import datePicker from "../../static/js/datePicker"第三步:调用js方法,弹出时间选择器HTML: <input class="js-date-picker" type="text" ...

使用场景:选择乘客证件类型点击证件类型时弹出下拉框进行选择操作.功能实现:第一步:将外部js和css文件放在项目文件夹中文件下载地址:https://download.youkuaiyun.com/download/liangmengbk/11262453第二步:在route文件夹中的index.js中引用文件:import picker from "../../st...

声明：插件源码https://blog.youkuaiyun.com/liangmengbk/article/details/88304208使用方法：1.在route文件夹的index.js中引入(文件放在static文件夹中)import datePicker from "../../static/datePicker.js"Vue.use(datePicker)2.在.vue中使用...

父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="wi

父子组件通信: 父子关系 eventBus通信 : 同一个路由下，复杂组件的通信。 Vuex: 全局的、跨越路由、非父子组件的通信都可以用它关系 利用$route的params或者query: 跨路由的可以用，但同一个路由下就不适合用了。 localStorage / cookie / sessionStorage: 全局可以用，但是存储到本地...

具体实现步骤：1.为页面添加滚动监听事件 (在mounted钩子函数中添加监听事件) mounted: function () {                $(window).bind("scroll", this.Paging); //监听页面滚动 },2. 在methods选项中写分页方法methods: {             Paging: fun...

当触发DOM上的某个事件时，会产生一个事件对象event，在这个对象中包含所有与事件有关的信息，包括导致事件的元素、事件的类型，以及其他与特定事件相关的信息。所有浏览器都支持event对象，但支持方式不同。实例一：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&...

在控制台输入以下命令进行安装或卸载webpack 1.安装    在全局下安装：npm  install  webpack  -g                          安装指定版本：npm  install  webpack@&lt;version&gt;   -g        例如安装 2.4.1 版：npm install  webpack@3.6.0 -g  ...

在使用 npm install webpack --save-dev 命令局部安装webpack后，webpack还不是内部命令，如何直接使用 webpack命令进行打包呢？ 解决方法：在package.json中修改成如下：{ "scripts": { "start": "webpack" }}运行npm run start或npm start即可运行we...

　路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮  =&gt; home 内容， about按钮 =&gt; about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。 　　点击之后，怎么做到正确的对应，比如，我点击ho...

自定义一个指令，指令名称为jspang，作用是改变文字的颜色为红色：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width

1.如果isReadOnly等于true时，input只读，否则可以编辑&lt;input v-bind:readonly="isReadOnly"&gt; 2.如果TravelType等于1时，input只读，否则可以编辑&lt;input v-bind:readonly="TravelType==1" /&gt; ...

一、错误如下[eslint-plugin-vue][vue/require-v-for-key]Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data.使用VS ...

component 标签是Vue框架自定义的标签，它的用途就是可以动态绑定我们的组件，根据数据的不同更换不同的组件。 实例：1.我们先在构造器外部定义三个不同的组件，分别是componentA,componentB和componentC.2.我们在构造器的components选项里加入这三个组件。3.我们在html里插入component标签，并绑定key数据，根据key的值不...

在HTML中的键盘事件有：1.onkeydown 事件会在用户按下一个键盘任意按键时触发，如果按住不放，则会重复触发此事件。2.onkeypress 事件会在用户按下键盘上的字符键时触发，如果按住不放，则会重复触发。3.onkeyup 事件会在键盘按键被松开时触发。实例：当用户按下键盘时弹出警示框显示键值&lt;!DOCTYPE html&gt;&lt;html lan...

为什么有radio不用，偏偏要使用CheckBox实现单选效果呢？答案是如果想同时实现单选，又实现可以一个都不选的话。只能使用CheckBox来做了。 通过jQuery来做实现思路：1.如果当前对象不选中：去除当前对象的选中状态2.如果当前对象选中：通过CheckBox的class循环，去除所有CheckBox的选中状态。 设置当前的对象的状态为选中(因为在循环时把状...

页面绑值后截取字符串 使用 substring(start,end) 方法：例如：截取前10位字符{{HotelName.substring(0,9)}}

&lt;span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" &gt;搜索&lt;/span&gt;转自：https://www.cnblogs.com/liris/p/6797595.html 

在很多论坛网站里面可以看到这样的信息：  文章发表距离当前时间的时间间隔。  我们来自定义一个指令v-time，将表达式传入的时间戳转换成相对时间。index.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt

props选项就是设置和获取标签上的属性值实例：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initi

实现功能：点击button弹出下拉菜单，然后点击页面中其他空白区域（除了菜单本身外），菜单就关闭了。实现思路：(a) 点击下拉菜单本身是不会关闭的                  (b) 点击下拉菜单以外的所有区域都要关闭代码实现：index.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; ...