- 博客(8)
- 收藏
- 关注
RSS订阅原创 关于vue数据不显示及页面刷新二三事
今天,在写vue使用element-ui时遇到了一个奇怪的问题,数据不回显,并且不论是input框还是select框都无法显示数据,并且在change事件输出时,发现数据已经赋值成功,但是并未更新到视图层.于是在百度中寻找答案,没想到还真有很多小伙伴都是这样的情况,很多都说是因为数据层级过深,导致数据更新无法监听到数据的变化,就无法看到数据回显需要加一下代码.this.$forceUpdate()尝试之后,真的成功了.但是,真的是因为数据层级的原因吗?我在其他地方使用的也是这样的数据结构,而且数据嵌
2021-07-02 08:58:30
3891
原创 点击空白改变div
在vue中在mounted生命周期(当dom元素有更新的时候执行)监听click事件,在被点击的标签中添加ref属性,在通过判断,不等于,执行需要的操作 mounted() { document.addEventListener('click',(e)=> { if(!this.$refs.zySelect.contains(e.target)) { this.zySelect = 'bottom' } }) },...
2021-01-04 15:29:27
141
原创 vue组件动态样式属性
1.在标签行内动态绑定style.class,style可以绑定其中一个样式,class可以更换整个class//html<div class="zy-select" @click="chooseSelect" :style="newStyle">//<div class="zy-select" @click="chooseSelect" :style="width:newWidth">//可以通过给绑定style直接定义属性,也可以给style绑定方法,放在监听属性中通过返
2021-01-04 10:11:33
768
原创 vue中使用threejs注意事项
最近在vue项目中使用threejs一下都是踩过的雷点卡顿问题在vue中three.js的相机,场景,渲染器,控制器,都不能放在data中,否则会导致项目运行使用出来后很卡 //将以上的东西放在mounted中创建,前面加上this.也是全局变量 mounted() { this.scene = null this.renderer = null this.camera = null this.controls = null this.init() },
2020-12-08 14:53:43
3047
4
原创 在vue框架下使用three.js
通过npm 安装各种three配置文件点击这里有很完整教程可以使用我已经创建好的项目我的项目github地址里面已经把three需要的配置文件安装好，下载项目后直接npm install //直接下载配置文件npm run serve //运行项目里面有一个简单的three.js的使用效果，可以看看three.js在vue中的使用方法import * as THREE from 'three' //导入three.js库import {OrbitControls} from 'three
2020-12-02 14:59:47
2259
原创 vue v-on事件处理
鼠标事件v-on:click.left="dosomething" //点击鼠标左键会执行什么操作键盘事件v-on：keyup.enter="dosomething" //点击键盘enter键会执行什么操作按钮事件<button v-on:click="dosomething" // 点击按钮会执行什么操作...
2020-11-03 13:32:25
178
原创 v-for 用法
v-for的几种用法v-for =“site in sites” sites 是进行迭代的数组，site是迭代出的数据1.迭代普通数组<p v-for="site in sites">{{sites:name}}</P> <script> var a = new Vue({ el:".app", data:{ sites:[
2020-11-02 15:46:25
515
原创 记第一天面试
@记第一天面试欢迎使用Markdown编辑器10.16这是我第一个面试第一个面试刚进公司看到了各种培训成果意识到这是一个培训机构,但是还是把面试过完了.一共面试了三个问题HTML是如何渲染的这第一个就把我问住了页面渲染都是浏览器的工作。大致分为以下几步：加载：根据请求的URL进行域名解析，向服务器发起请求，接收dao文件（HTML、JS、CSS、图象等）。解析：对加载到的资源（HTML、JS、CSS等）进行语法解析，建议相应的内部数据结构（比如HTML的DOM树，JS的（对象）属性表，
2020-10-17 12:54:34
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人