v-bind

vue实现响应式改变scss样式

Local.get('filed'):'end');2：声明类型为scss并为独立页面的scss3：选择类名进行绑定，利用vue的v-bind属性
破浪前进·2023-10-24 08:30

『学Vue2+Vue3』自定义指令、插槽、路由入门

插槽默认插槽具名插槽作用域插槽3.综合案例：商品列表MyTag组件封装MyTable组件封装4.路由入门单页应用程序路由VueRouter的基本使用二、自定义指令1.指令介绍内置指令：v-html、v-if、v-bind
黑马程序员官方·2023-10-24 07:24

答：【:value="item.value"】或者【v-bind:value="item.value"】...

varhistoryList=newVue({el:'#historyList',data:{items:[//{text:'3000吨以下',value:'0-3000'},//{text:'5000吨至1.0w吨',value:'5000-10000'},//{text:'55吨至88吨',value:'55-88'}]}}){{item.text}}</ul
Tuling2020·2023-10-23 22:09

vue动态绑定class

Vue.js允许您使用v-bind指令或简写的:来动态绑定class属性。这允许您基于某些条件为元素添加或删除类名，从而实现动态样式控制。
南抖北快东卫·2023-10-22 13:31

vue拖拽dom排序

v-model绑定的是排序dom所在的数据源数组v-bind绑定的是配置项，如需要动态禁用拖拽功能，只需要控制配置项里的disabled属性即可ghost-class绑定的是拖拽时dom的移动样式，一般用下面示例里的
零凌林·2023-10-22 06:58

IT0009.Vue.js核心技术解析与uni-app跨平台实战开发

IT0009.Vue.js核心技术解析与uni-app跨平台实战开发自己一面看一面跟着打的代码，蛮大，其实很多都是npm的modules链接:中国移动云盘短信小程序提取码:P7nf第1章Vue.js基础入门v-bind
niunan·2023-10-22 03:32

Vue常见的指令及使用方法

在上面的示例中，v-bind:src绑定了imageUrl这个Vue实例中的数据到元素的src属性上。这样，当imageUrl的值发生变化时，元素的src属性也会相应地更新。v
嘘~！·2023-10-22 02:31

20231014-黑马Vue学习笔记-第二天

文章目录指令修饰符v-bind操作CSS案例-京东秒杀Tab导航高亮案例-小黑学习网（v-model应用于其他表单元素）computed计算属性-简略写法computed计算属性和methods方法的区别
ぃ咔哇依°ヽ·2023-10-21 22:31

v-model原理和自定义组件使用v-model双向绑定

input元素中使用v-model实现双数据绑定，其实就是在输入的时候触发元素的input事件，通过这个语法糖，也能够实现父子组件数据的双向绑定，代码如下：父组件image.png子组件image.png通过v-bind
xiari1991·2023-10-21 20:33

Vue基础语法2&事件修饰符&按键修饰符&常用控件&自定义指令&全局&样式绑定

目录1.样式绑定2.事件修饰符3.按键修饰符4.常用控件4.1常用控件示例4.2修饰符5.自定义指令5.1局部5.2全局1.样式绑定class绑定使用方式：v-bind:，expression的类型：字符串
瑶大头*^_^*·2023-10-21 18:42

Vue基础语法&核心指令&过滤器&计算属性&监听属性

1.2指令1.2.1核心指令1.2.1.1v-if|v-else-if|v-else1.2.1.2v-show1.2.1.3v-for1.2.1.4v-on|v-model|v-for1.2.1.5参数v-bind
瑶大头*^_^*·2023-10-21 18:12

vue2技能树（4）-插值、动态参数、指令修饰符、计算属性、侦听器

目录Vue2插值详解文本插值原始HTML表达式过滤器计算属性数据绑定Vue2指令的动态参数、修饰符和缩写动态参数修饰符`v-on`修饰符`v-bind`修饰符`v-model`修饰符缩写Vue2计算属性和侦听器详解计算属性
云边散步·2023-10-21 13:55

vue2技能树（5）-条件渲染和列表渲染

v-else`指令项目示例`v-show`指令项目示例`v-if`和`v-show`的区别`v-if`和`v-else-if`指令项目示例Vue2列表渲染详解`v-for`指令项目示例计算属性和方法项目示例`v-bind
云边散步·2023-10-21 13:55

2018-09-14 vue 三

一、v-bind主要用于绑定属性，可简写为：属性名='值'。
夏末樱花落·2023-10-21 08:29

2019-08-29 - Vue - 随笔

$emit('update:title',newTitle)插槽父组件：写法：跟v-on(@)和v-bind(:)一样，v-slot也有缩写，即把参数之前的所有内容(v-slot:)替换为字符(#)。
小火球烧屁股·2023-10-21 08:04

总结一下vue中v-bind的常见用法

文章目录前言：简述一下v-bind命令其它写法前言：本篇博客主要总结一下v-bind命令在vue中的常见用法简述一下v-bind命令v-bind命令是将动态的数据属性与咱们的标签进行一个绑定,它可以绑定标签的任意属性值
信计2102罗铠威·2023-10-20 22:55

Vue动态class

注意在自定义组件上绑定class会添加到该组件的根元素上面1.对象语法传入class对象v-bind:class指令也可以与普通的classattribute共存可以动态修改class的值可以绑定一个计算数据来实现
_Jyann_·2023-10-20 15:41

Vue前端框架——单向数据绑定与双向数据绑定

▲单向数据绑定与双向数据绑定示意图在Vue中，单向数据绑定和双向数据绑定是由两个不同的指令来完成的，分别是v-bind指令（单向）和v-model指令（双向）。
奈码的航·2023-10-20 13:13

vueday01——使用属性绑定+ref属性定位获取id

1.属性绑定（Attribute绑定）第一种写法content第二种写法（省略掉v-bind）content2.代码展示我是待测divPrintID{{resultId}}import{ref}from'vue
JSU_曾是此间年少·2023-10-20 13:12

Vue小字典-vue基础

成年了':'未成年'}}exportdefault{data(){return{msg:"hello,world",obj:{name:"zs",age:18}}}}2.vue指令-v-bind:属性名
Sailing678·2023-10-20 02:14

uni-app

设置h5或其他小程序样式3导航栏tabbar启动模式组件txet属性（文本）view（div）button按钮组件的用法image（图片）屏幕导入css文件字体图标uni-app中的数据绑定（定义数据）v-bind
港岛叔公·2023-10-19 22:50

vue中绑定动态的图片

如下二、在组建中使用，实现动态绑定v-bind:src="";可以简写为:src。具体的写法看下面接下来我们看看效果啊如果按照我上面的写法就会出现上图的问题，图片出不来，海报404错误。
willa77·2023-10-19 21:39

vue2 props

props传递值传入一个静态的值：传入一个动态值或者表达式>传入一个数字：只有v-bind可以使用js表达式传入一个布尔值传入一个数组传入一个对象传入一个对象的所有property如果你想要将一个对象的所有
SuperHaker~·2023-10-19 09:39

4.在 Vue 中绑定样式的方法

第一种使用方法：直接传一个字符串数组，注意：这里的class需要用v-bind做数据绑定：这是一个很大的h1！！！！！22222在数组中使用三元表达式这是一个很大的h1！！！！！
Victor_b905·2023-10-18 15:42

vue制作点击切换图片效果

思路创建一个数组，数组里面放入图片，利用props（父组件向子组件传值），v-for（循环），v-bind（绑定属性）将图片传入HTML定义的div中。
Tԅ(¯ㅂ¯ԅ)·2023-10-18 03:02

Vue、React和小程序中的组件通信：父传子和子传父的应用

父组件使用v-bind指令绑定数据到子组件的props上，
破浪前进·2023-10-17 07:18

vueday01——动态参数

我们现在知道了v-bind:的语法糖是:v-on:的语法糖是@我们现在来尝试一下，定义一个动态参数模拟点击事件按钮我是待测div{{resultId}}我是click动态参数按钮consteventName
JSU_曾是此间年少·2023-10-17 05:00

Vue 父子组件传值有哪些方式

①Props父组件向子组件传递数据是通过props传递的；在父组件中通过v-bind绑定子组件的属性，子组件中通过props接收父组件传递的数据。
小草莓蹦蹦跳·2023-10-16 18:18

Vue学习之从入门到入土

实例为哪个容器服务，值通常为css选择器字符串data中用于存储数据，数据供el所指定的容器去使用插值语法：{{xxx}}适用于标签体内xxx可以直接接受到data中的所有属性指令语法：适用于解析标签v-bind
阿伟在自律·2023-10-16 18:16

vue v-bind修饰符 & v-model修饰符

v-bind修饰符.sync对props进行一个双向绑定//父组件//子组件this.
黎轩栀海·2023-10-16 13:53

vue3父子组件间传参通信

@[TOC]父子组件通信前言本文主要是记录Vue3在setup语法糖下的父子组件间通信的四种方式Vue3+TypeScript一、父传子—props父组件传值给子组件主要是由父组件为子组件通过v-bind
会敲代码的指尖·2023-10-16 13:25

vue：1-2，基础语法、监听、过滤器、获取数据

绑定属性v-bind:id=“data内的属性值”或者:id=“data内的属性值”两种方法（srctitleclassname等属性写法一样）计算属性放在computed:{//函数}效率高methods
不期而遇_3491·2023-10-16 07:37

vue中使用v-bind=“$attrs“进行多层组件的传值&v-on=“$listener“监听事件（父级事件传递到内部组件）

一、使用v-bind="$attrs"进行多层组件的传值(即继承)1、最外层组件（祖父）grandfather.vueexportdefault{data(){return{title:'helloworld
是大林的林吖·2023-10-15 23:12

Vue和React的组件通信：父传子和子传父

父组件使用v-bind指令绑定数据到子组件的props上，
翻斗花园-图图·2023-10-14 20:55

Vue基础备忘

常用v-if,v-show,v-for,v-bind,v-on,v-text,v-html,v-cloak,v-once练习用网站v-once只渲染一次，以后重新渲染直接作为静态内容v-model双向绑定数据
春饼sama·2023-10-14 04:50

Vue 绑定 class 与 style

如果需要动态绑定class或style样式，可以使用v-bind绑定。绑定class样式【字符串写法】适用于：类名不确定，需要动态指定。.
小吴吴吴呀·2023-10-14 00:16

vue.js过滤器

过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从2.1.0+开始支持)。
繁络·2023-10-13 22:25

vue绑定多个样式的两种方式

1、vue绑定需要在属性名前加上v-bind:,如：v-bind:class="",可简写成:class2、vue样式对象绑定方式：v-bind:class="{'vue的data状态值":boolean
一只小虾米~~·2023-10-13 04:24

Vue的样式绑定

目录1、内联绑定2、非内联绑定3、使用计算属性返回样式对象4、数组语法进行绑定，支持绑定多个，使用运算法、使用对象样式的绑定，使用v-bind:class,v-bind:style，v-bind:class
轮孑哥·2023-10-13 04:22

Vue之样式绑定

Vue提供了样式绑定功能，可以通过绑定内联样式和绑定样式类这两种方式来实现data里面有一个样式数据和一个非样式数据通过两种方式通过v-bind绑定data中定义的对象通过V-bind对当前元素的样式进行绑定
霸波奔与奔波霸·2023-10-13 04:19

vue学习(绑定class、v-bind:style(对象语法、数组语法))

1绑定HTMLClass我们可以传给v-bind:class一个对象，以动态地切换class：内联样式在模板里varvm1=newVue({el:"#div1",data:{isActive:true,
小李不小·2023-10-13 04:48

Vue快速入门

vue快速入门vue快速入门{{message}}//差值表达式内容可以是:变量三元运算符函数调用算术运算newVue({el:"#app",data:{message:"hello"}})Vue指令v-bind
飞花落雨中·2023-10-13 03:06

Vue基础知识梳理（二）

vue基础知识梳理（二）1.vue中v-bind:class动态添加class总结：动态添加class，需要给：class=“对象”，对象中value为true，则key作为class名添加；value
GG·bond·2023-10-12 23:26

uni-app基础入门

目录uni-app介绍项目目录全局外观配置页面外观配置配置tabbarCondition启动模式配置组件的基本使用uni-app中的样式基本数据绑定v-bind动态绑定属性v-for的使用uni中的事件
前端 贾公子·2023-10-12 13:03

前端复习笔记——vue篇

：1、引入vue.js2、创建vue实例3、指定el配置项，指定控制dom区域4、创建vue控制的dom区域vue六种指令：1、内容渲染{{}}v-html数据/js表达式动态渲染到DOM2、属性绑定v-bind
目虸·2023-10-12 05:51

Vue2 组件通信 ( 12种 )

1.父子组件之间的通信(1)父给子传参props父组件内,在子组件标签里边使用v-bind(简写为:)绑定属性,在子组件内使用props接收数据. props接收数据有三种形式数组形式props:['count
DX u·2023-10-12 00:59

Vue、React和小程序中的组件通信：父传子和子传父

父组件使用v-bind指令绑定数据到子组件
嘘~！·2023-10-11 16:37

Vuex 入门

1.vueX数据共享v-bind数据绑定v-on事件绑定$bus兄弟传值上面这三种只适合小范围的数据共享Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享2.Vuex的好处能够在
weixin_47744616·2023-10-11 16:00

Vue模板编译原理

Vue中的模板编译是什么刚接触Vue的同学可能会产生这样的疑问：为什么在“HTML”中可以通过{{name}}、v-bind:value="value"等方式获取JavaScript中的变量？
Yaalon Cui·2023-10-11 01:24

Vue学习宝典

然后用特殊的模板语法将其渲染出来（声明式渲染）b.纯HTMLv-html慎用，防止XSS,CSRF（(1)前端过滤（前端采用正则将容易注入的字符换成<>)）clickc.表达式(2)指令是带有v-前缀的特殊属性v-bind
勾勾g·2023-10-10 22:02
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他