想要实现的效果是当选择框失去焦点的时候会显示出校验提示，解决的办法如下：因为使用的是element中的el-select组件，所以可以根据框架中提供的校验方式来进行校验1、首先在el-form上加上rules属性并在data中进行定义：2、在下拉选择框中定义一个失去焦点事件：3、利用表单组件示例中的方法：handleChangeSelect(key, value) {this.$refs.rule

这个问题在之前做项目时碰到过一次，当时按照网上的做法，去掉JSON.parse()这一层转换后就没有这个报错了，数据也能正常使用，就没多想，也没深究是什么原因。可是这次又碰到了，所以这次必须要弄明白原因。报错的原因因为你要转换的数据本来就是object，JSON.parse()这个方法是把一个字符串解析出json对象，你再转换就会报错;为什么会有这样的错误因为把Object作为参数传到...

在使用vs开发vue中经常新建vue文件进行模块开发，新建文件结构着实痛苦于是百度配置一下自己的vs编辑器：1.点击vs左下角设置选择用户代码片段2.输入vue并按下回车，将下边代码复制粘贴到vue.json进行保存{"Print to console": {"prefix": "vue","body": ["<template>",...

看到这个报错真的是一头雾水后来发现是ExtractTextWebpackPlugin插件编译提示的预警：解决问题先看的懂预警提示信息：明白了这句话后就知道了是组件顺序加载出现问题：提示后边的“，”号代表正确的有几个不正确的有几个；然后全局搜索引用组件顺序，调整后执行提示消失。...

在项目开发过程中会有textarea文本框输入提交后台，在特殊字符和脚本防注入的处理上，采用html转义的简单方法来解决这个问题。1、用htmlEncode 来转义后提交后台：htmlEncode (str) { // 转义 元素的innerHTML内容即为转义后的字符let ele = document.createElement('span')ele.appendChi...

在项目需求中需要实现一个滚轴联动锚点的功能效果图如下：功能代码demo如下：<template><div class="container"><div class="wrapper"><div class="section" style=&q

<template><div class="num-block"><div class="num-block_show"><div class="num-block_numbers" :class="{'ellipsis': !isNum(item)}" v-for="(item, key) in nu...

一、MVVM是什么?MVVM是Model-View-ViewModel的简写, 一种新型架构框架。View一般就是我们平常说的HTML文本的Js模板，里面可以嵌入一些js模板的代码；ViewModule层里面就是我们对于这个视图区域的一切js可视业务逻辑，举个例子，比如图片走马灯特效，比如表单按钮点击提交，这些自定义事件的注册和处理逻辑都写在ViewModule里面；Model...

对于父子组件之间的互相传值，报错如下：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’.

vue开发，现在大部分做的都是（SPA）应用，但是，由于，需求不同，我们针对的用户需求变更较为，频繁，如果每次都全量打包更新，给开发的自测，及测试妹子的任务就会多，每次都要重新验证一下才放心。所以，想着能不能搞一个多页的，进行增量升级，所以就有了以下的配置。网上配置很多，也很详细，我也有参考。废话不多说开始吧！如果有说的不对的，请大家指出，我会及时改正。一 目录结构调整修改之后目