云社区
Vue
# Vue #
博客
1949
Vue 应用 Sass、Scss、Less 和 Stylus
一、前言Vue项目中应用预处理器,可以有效减少css代码量, 推荐使用Sass、Scss、Less预处理器。在创建项目的时候可以选择预处理器 (Sass/Less/Stylus)。如果当时没有选择,内置的 webpack 仍然会被预配置为可以完成所有的处理,也可以手动安装相应的 webpack loader:# Sassnpm install -D sass-loader node-sa...
SHQ5785
11
0
0
CSS
Less
Vue
自定义组件
一、前言做前端项目开发,创建自定义组件是必不可少的一项基本技能,前端应用框架(像Vue、React、Angular)都已提供一些已封装好、可复用的组件。但在实际项目开发过程中,根据具体的项目需求,会遇到一些定制化开发需求的应用场景,此时,框架提供的通用组件已不再满足我们的需求,需要自定义可复用组件的编码。实现自定义组件的基本思路如下:组件需要实现什么效果;建立组件模板,先把架子搭起来,完成...
SHQ5785
10
0
0
HTML
Vue
父子组件元素获取、方法互相调用
一、前言Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者子组件访问根组件。梳理出如下请求方法:父组件访问子组件:$children 或者 $refs;子组件访问父组件:$parent;子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child...
SHQ5785
14
0
0
Vue
IE9兼容性问题-数据初始化问题
一、前言在Vue项目开发过程中,以父子组件的形式进行页面调用,在测试过程中发现IE9下,子组件中定义初始化数据dataA=0,执行异步逻辑A,在异步请求方法前,输出dataA结果为0,请求结束后时,后台返回值将dataA赋值为1,输出dataA结果为1。再次触发子组件同样事件,但后台请求结果不满足赋值条件,对dataA不做赋值操作,发现在异步请求方法前后,输出dataA结果为1!伪码如下:...
SHQ5785
14
0
0
Vue
表单验证 trigger:‘blur‘ OR trigger:‘change‘ 区别
一、前言利用elementUI实现表单元素校验时,出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性,可解决以上问题。至于表单校验时,校验元素trigger属性值的选择,需要继续深究。若不设置trigger属性,该属性是否有默认值? 二、表单验证时,trigger:‘blur’ OR trigger:‘change’ OR 不设置?对...
SHQ5785
14
0
0
Vue
异步请求导致页面数据渲染错误问题解决
一、场景描述在Vue项目优化过程中,页面部分通过JS调用promise返回的异步数据,导致页面部分始终无法加载后台返回的数据。通过触发其他DOM操作(例如折叠栏位的操作),后台数据可以正常渲染展示。处理逻辑大致如下:<template> <div v-for="(items, index) in results" :key="items.itemsID"> <span v-for="(i...
SHQ5785
13
0
0
Vue
渲染
JS 向 Vue 传值
一、前言项目开发过程中,组件通过render()函数渲染生成,并在组件内部定义了自定义拖拽指令。自定义拖拽指令实现了用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现,该页面可以实时展示元素相关属性信息(包括size、width、height及left、top等属性)。 二、思路监听器方式实现;Vuex state实现; 三、代码实现.js// 鼠标按下事件e...
SHQ5785
10
0
0
Vue
获取url传参
js获取url参数有两种情况: 一、应用场景一:内部页面之间互相传值假如要从A页面跳转到B页面,this.$router.push({path:"/B",query:{ Id : this.tId , ...}})进入B页面之后,this.Id = this.$route.query.Id;就能将A页面的id传入B页面,进行参数获取。 二、应用场景二:外系统跳转Vue项目时自带参...
SHQ5785
14
0
0
Vue
$OPTIONS 讲解
一、前言根据Vue响应式原理,在data中定义的数据都会被视为响应式数据,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。vue实例属性$options用来获取定义在data外的数据和方法。因为this上的数据不一定要在data中定义,如果不想变成响应式数据就没有必要定义,这样...
SHQ5785
8
0
0
Vue
vue项目build报错的解决办法(ERROR in static/js/***.js from UglifyJs)
一、前言Vue项目编译过程中,出现如下错误信息:ERROR in static/js/vendor.f1c68aa2d5e85847d30e.js from UglifyJsUnexpected token name «i», expected punc «;» [./node_modules/element-ui/src/utils/merge.js:2,0][static/js/ven...
SHQ5785
10
0
0
JavaScript
Vue
总条数:1949
到第
页
确定
热门标签
Java
Python
数据结构
Linux
数据库
机器学习
网络
任务调度
MySQL
JavaScript