首页 > 其他分享 >基础vue的一些知识补充

基础vue的一些知识补充

时间:2022-09-19 19:11:28浏览次数:75  
标签:vue 补充 数据 知识 视图 disabled 更新 true

一、:disabled

    该属性能接受布尔值,可以用于元素的使用。当值为true时,该元素将无法被使用,如button的disabled属性被设置为true后,将无法被点击,input的disabled属性被设置为true后,将无法再被focus,更无法向其输入内容。

二、nextTick:

    官方定义:在DOM更新循环结束之后执行延迟回调。在修改数据后,立即使用该方法获取更新后的DOM。

    通俗理解:nextTick可以理解为vue更新视图前的一种机制,在数据发生变化时,会异步开启一个数据更新队列,在等所有数据都进行了更新后才会统一更新视图,而且如果一直修改同一个数据还会对队列数据更新进行去重,取该数据最后一次变化的值。nextTIck无疑在本质上是一种视图更新的优化策略。

三、vue的class与style绑定:

<div :class='{ active:isActive }'></div>
isActive=ref(true)  //通过isActive来控制该active类名的有无

 

    

标签:vue,补充,数据,知识,视图,disabled,更新,true
From: https://www.cnblogs.com/baiChi-YP/p/16708716.html

相关文章

  • vue中上传excel文件的方法
    1.使用方法 <inputtype="file"@change="importExcel">或者使用element-ui<el-uploadref="input"action="/":show-file-list="false":auto-upload="false":on......
  • 【Vue项目实践】vue 创建一个新项目
    参考链接:Vite+Electron快速构建一个VUE3桌面应用(一)创建一个Vite项目安装vite并创建项目,输入项目名,模板采用vue,其他的根据情况,可以先全部Noyarncreatevite......
  • vue3组件的几种引入、注册、自动注册等
    全局组件的注册和引入全局组件注册components/index.js【方式一:先引入后注册】importBgImagefrom"@/components/global/web-background/bg-image.vue";importBa......
  • 2022-09-19 Error: Cannot find module '项目\node_modules\@vue\cli-service\bin
    前言:wepy项目迁移uniapp使用wepy-to-uniapp转换代码后初始化依赖抛出的错误:Error:Cannotfindmodule'项目\node_modules\@vue\cli-service\bin\vue-cli-service.js'网......
  • vue3中vuex使用实例
    通过脚手架创建项目会自动创建store/index.js1.vuex基本结构import{createStore}from'vuex'exportdefaultcreateStore({//全局的状态初始值state:{},......
  • Vue3中使用ref获取元素节点
    本文介绍在vue3的setup中使用compositionAPI获取元素节点的几种方法:静态绑定仅仅需要申明一个ref的引用,用来保存元素,在template中,不必bind引用(:ref="domRef"),只需要声......
  • vue中防抖函数的写法以及用法
    1.准备好防抖函数functiondebounce(func,wait){lettimeout;returnfunction(...args){if(timeout)clearTimeout(timeout);l......
  • vue-baidu-map 搜索定位
    1、引入vue-baidu-map插件npminstallvue-bai-map--save2、注册(我这里是采用全局注册main.js)ak是你自己申请的3、html4、数据定义5、JS......
  • 记录 IIS 部署vue 项目步骤
    IIS部署vue项目一.相关软件安装request_router,url_rewrite链接:https://pan.baidu.com/s/1SpyKWY9ejab1WP0-oKKJBg提取码:gldp安装效果如下:二.vue发布前端build......
  • Vue的双向绑定原理
    只是储备:什么是MVVM模式,和MVC的区别?MVVM是模型-视图-视图模型,Vue和React都在使用MVVM模式,vm是v和m的桥梁,view页面和m模型数据之间通过vm是存在双向联系的; vue实现双向数......