v-bind

vue keep-alive 缓存 不生效解决方案

*一起使用：（会缓存不活动的组件实例，而不是销毁它们）与**【vue-router】**一起用：三、设置缓存条件【include】和【exclude】（2.1.0新增）逗号分隔字符串：正则表达式(使用v-bind
Porsche_Apo·2023-08-07 00:18

2 Vue使用v-bind来代替{{}}取值

v-bind用来绑定前标签的属性，然后对属性赋值。{{}}用来对前后标签中的文本赋值。使用方法分别是：v-bind:属性名=“key”以及{{key}}。
paipai大星·2023-08-06 13:24

Vue中计算属性的使用

使用成绩需求来实现详细的代码示例（主要练习Vue简单的计算属性）需求功能技术点渲染功能：不及格高亮、使用v-ifv-else结局盒子互斥，使用v-bind:class解决高亮。
Forever_Hopeful·2023-08-06 08:58

vue2-常用的修饰符有哪些应用场景？

表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符2、修饰符的作用表单修饰符在我们填写表单的时候用的最多的就是input标签，指令最多的就
fakerlove·2023-08-05 16:10

vue sku商品规格多选

data(){return{selectedOptions:[]}}2.在SKU选项列表中，使用v-bind:class绑定一个计算属性来判断当前选项是否被选中，如果选中则添加一个高亮的CSS类。
周亚鑫·2023-08-05 11:35

vue常用指令

用法：v-for="iteminitems"示例：{{item.name}}v-bind：动态绑定属性或者组件的属性。用法：v-bind:
一花一world·2023-08-05 11:05

vue2黑马笔记

列表一、基本语法1、插值表达式{{表达式}}不支持语法if2、v-html3、v-show和v-if4、v-on事件绑定5、v-bind属性绑定指令6、v-for循环渲染7、v-model双向绑定指令8
摆烂z·2023-08-05 06:16

vue v-bind两种写法

v-bind指令两种写法varapp=newVue({el:"#app",data:{message:'这是按钮',message2:'按钮2'}})
战斗中的老段·2023-08-04 14:30

学习笔记——vue中的过滤器filters

在vue中，当使用双大括号{{}}或者v-bind绑定输出指定的值（固定的格式）时，可以通过指定过滤器，来将其转化为所需要格式的值。例如：日期。
一一GG·2023-08-03 17:02

MonacoEditor 自动格式化sql json数据

如果需要格式化，也可以将v-bind:code去掉，setValue会给
D.U.S.Tべ·2023-08-03 16:42

Vue2：基础入门

：基础入门1Date:April10,2023Sum:vue简介、vue的基本使用、vue的指令、修饰符、过滤器（废）、小黑的书架、记事本Tags:*目标：能够知道vue的基本使用步骤掌握插值表达式和v-bind
CaptainDrake·2023-08-03 13:30

笔记总结！

一定要通过v-bind:去获取父组件的数据！但是这里
Nakano_May·2023-08-02 22:56

前端技术Vue学习笔记--002

前端技术Vue学习笔记文章目录前端技术Vue学习笔记1、指令修饰符2、v-bind对于样式控制的增强2.1、v-bind对于样式控制的增强--class2.2、v-bind对于样式控制的增强--操作style3
Radan小哥·2023-08-02 22:47

vue动态组件

在模板中，可以像这样使用标签：其中，:is是v-bind的缩写，用于动态绑定组件名。componentName是一个在Vue实例中定
Wxinin·2023-08-02 02:32

出现error Expected ‘＜component＞‘ elements to have ‘v-bind:is‘ attribute...报错，关闭eslint校验的方法

当前做一个Vue2项目遇到一个问题，就是这边的动态组件此处动态组件——是指这种不了解的可以参考Vue2官方文档对动态组件的解释：动态组件&异步组件—Vue.js我这边是使用v-bind="linkProps
快意人生大社畜·2023-08-01 20:55

Vuejs在v-for中，利用index来对第一项添加class

由于index从0开始，因此如果要指定第一项有active这个类，那么就用v-bind:class="{'active':!
NotBad_1·2023-08-01 16:40

Vue2 第十节 内置指令和自定义指令

1.之前学过的指令2.内置指令3.自定义指令一.之前学过的指令指令名用法v-bind单项绑定解析表达式，可以简写为:xxxv-model双向绑定v-for遍历数组/对象/字符串v-on绑定监听事件，可以简写为
pa_miao_chi·2023-08-01 00:02

前端学习--vue2--2--vue指令基础

写在前面：前置内容-vue配置文章目录插值表达式v-html条件渲染v-show和v-ifv-ifv-if的扩展标签复用组件v-showv-on/@事件v-bind/：属性v-modelv-for循环元素
一只小余·2023-07-31 22:30

Vue管道

在Vue2.x版本中，filter需要自己定义才能够使用过滤器可以用在两个地方：双花括号插值，如：{{message|capitalize}}v-bind表达式（从2.1.0+版本支持），如：自定义的方式有两种
念_ae7b·2023-07-31 17:40

前端模仿练习新增小知识（1-4）

（3）v-bind绑定标签的属性（4）v-pre:原样输出;v-cloak;v-cl
cloudstate·2023-07-31 17:31

2018-09-15

1.图片来回切换Document//用v-bind来绑定一个属性newVue({el:"#itany",data:{url:'img/1.jpg',flag:true},//用if时间使图片来回循环methods
梁小狗·2023-07-31 13:44

Vue2 第九节 过滤器

对要显示的数据进行特定格式化后再显示（2）语法：①注册过滤器1）Vue.filter(name,callback)全局过滤器2）newVue({filters:{}})局部过滤器②使用过滤器1）模板中使用{{xxx|过滤器名}}2）v-bind
pa_miao_chi·2023-07-31 08:09

vue父子组件传参（子组件调用父组件方法，父组件调用子组件方法或属性，子组件修改prop值）

子调用父方法传参数实现2、通过.sync修饰符以及$emit配合update:实现，该方法只有vue2可以使用3、使用v-modal绑定一个数据源一、父组件向子组件传递参数父组件通过在子组件的标签上使用v-bind
SmileAgain -lg·2023-07-31 07:49

uniapp真机调试踩坑日记

公司项目用uniapp开发跨端应用，在h5跑没有任何问题，用真机运行就出现如下两个报错：ps：(真机调试真的不好定位问题，需要一点一点注释代码排查)最后排查出来是uniapp的坑：不能用v-bind="
Treasure°·2023-07-31 03:57

vue基础-动态class

vue基础-动态class1、目标2、语法1、目标用v-bind给标签class设置动态值2、语法:class="{类名：布尔值}"示例：动态classexportdefault{data(){return
佐杰·2023-07-30 23:20

【面试题-Vue】常见问题一、指令类

v-html、v-text、v-show、v-if、v-else、v-else-if、v-for、v-bind、v-on、v-model等等。
molly cheung·2023-07-30 11:54

Vue2 + Vue3 总结

(双大括号表达式)指令(以v-开头)1.1.2.插值语法功能:用于解析标签体内容语法:{{xxx}}，xxxx会作为js表达式解析1.1.3.指令语法功能:解析标签属性、解析标签体内容、绑定事件举例:v-bind
Cola_Mr·2023-07-30 06:40

ant design vue j-modal 修改高度

解决方案首先找到你要修改哪个j-modal组件，添加v-bind:body-style="{height:'700px'}"这段代码去控制弹窗的大小，如果说要其它样式的话，直接在h
夏小花花·2023-07-30 04:25

Vue2.（Vue的指令和数据代理原理，数据监测）

目录vue的两个特性数据驱动视图：双向数据绑定：3.vue的基本使用vue指令1.内容渲染指令（v-text，{{}}，v-html）2.属性绑定指令（v-bind:，简写:）绑定样式2.1.class
欢愉～·2023-07-29 05:03

ElementUI 的 el-select 设置值后显示value而不是label

关键是这里: 查了下百度主要是value值的格式不一样,我的form.state是数字,也就是Number类型而value="1"表示value是字符串类型(原生HTML默认字符串类型)要想改成数字类型应改成v-bind
追风筝的程序员·2023-07-28 12:39

vue的v-model指令的基本原理，以及如何在自定义组件上使用v-model绑定值

以为例，它其实就是:value(v-bind:value)和@input(v-on:input)的简写。以下两个组件的双向绑定功能是一样的：...data(){re
VtoC·2023-07-28 11:23

vue源码分析（二十五）Vue之指令（v-bind）

我们先打开文件src\compiler\parser。functionprocessAttrs(el){constlist=el.attrsListleti,l,name,rawName,value,modifiers,syncGen,isDynamicfor(i=0,l=list.length;i,use.',list[i])}}addAttr(el,name,JSON.stringify(va
vue爱好者·2023-07-28 06:04

2017.11.27

MVC设计模式作用：view和model分离VueJS下载1直接下载vue.js的文件2使用vue-cli指令v-model数据绑定v-for循环、迭代v-bind绑定属性v-on添加事件v-text纯文本
Cyril丶·2023-07-28 05:58

学习Vue之旅：Day6——各种常用指令

所以性能比较好三、watch监听数据的变化，会得到新值和老值两个参数四、当v-bind与class或者style一起连用时，除了字符串外，表达式还可以为对象或者数组。
zhengsweet·2023-07-28 00:13

VUE学习笔记（Day2）

第一节—style样式的多种操作方式1.绑定内联样式1.对象语法：v-bind:style的对象语法十分直观——看着非常像CSS，但其实是一个JavaScript对象。
你猜我是不是ysh·2023-07-28 00:11

vue新学习 02 vue命令v-model，数据代理，事件，监听，渲染

双向绑定用命令v-model：v-bind的命令是单项去绑定data中的相关属性，此时的data是真正的data，并没有用变量声明的方式去接收vue实例对象，也就是例如用constvm=newVue({
万zp·2023-07-27 22:50

Vue 本地应用 图片切换 v-show v-bind实践

图片的变化本质是src属性被修改了，属性的修改使用v-bind指令。
富士康质检员张全蛋·2023-07-27 13:59

vue3中的父子间传值

一、父传子defineProps父组件传值给子组件主要是由父组件为子组件通过v-bind绑定数值，而后传给子组件；子组件则通过defineProps接收使用。我是父组件importSonfrom'.
大可-·2023-07-27 11:18

【Vue】在el-table的el-table-column中，如何控制单行、单列、以及根据内容单独设置样式。例如：修改文字颜色、背景颜色

在el-table中用v-bind绑定此属性。
三月.'·2023-07-27 07:14

Vue的数据绑定、Vue的事件绑定、Class和Style的绑定

不需要进行额外的DOM操作就可以实现视图和模型的联动a.数据只保存一份b.data—->DOM（1）插值表达式：{{表达式}}，将表达式的值在View中显示出来（2）v-bind：将标签的属性绑定到指定的变量上
鸣鲷有柒·2023-07-26 15:40

uview2.0使用u-calendar 的formatter属性，在formatter方法里无法访问this的bug，解决办法！！！！

自己写了个demo父给子传值v-bind传一个函数，然后在这个函数里面打印this，this是子组件的实例，但是不知道为什么formatter里会打印undefined。希望会的大哥，评论区指点一手。
柑橘乌云_·2023-07-26 07:04

如何在Vue中进行数据绑定？

最常用的是v-bind指令，用于绑定HTML属性的值到Vue实例的
wzxue1984·2023-07-26 07:28

Vue3 CSS v-bind 计算和三元运算

官方文档中指出：CSS中的v-bind支持JavaScript表达式，但需要用引号包裹起来：例子如下：consttreeContentWidth=ref(140);.tree-node-label-width
东方fan·2023-07-25 11:59

vue+ElementUI el-select实现下拉列表分页的功能（下拉分页组件）

1、最终效果2、需求因下拉框中的数据过多，所以需要使用分页的方式来实现3、代码示例4、具体代码$emit('change',val)":style="{width:width||'100%'}"v-bind
wocwin·2023-07-25 10:55

怎么使用css写可视化常见的背景和元素

4个角的背景加背景颜色.line-bg{--width:2px;--height:10px;--color:v-bind('colorConfig.visial.normal');background-color
Blanche_qiu·2023-07-25 00:38

前端技术Vue学习笔记--001

Vue指令6.1、v-html指令6.2、v-show指令和v-if指令6.3、v-else指令和v-else-if指令6.4、v-on指令6.4.1、v-on指令基础6.4.2、v-on调用传参6.5、v-bind
Radan小哥·2023-07-25 00:36

Vue过滤器 filter

过滤器可以用在两个地方：双花括号插值和v-bind表达式{{message|capitalize}}全局过滤器在创建Vue实例之前全局定义过滤器:```Vue.filter('capitalize',function
紫气楠楠·2023-07-24 22:25

vue写tab栏

一、知识点指令：尤雨溪自定义的HTML属性，以v-开头①v-show决定元素是否显示②:class动态添加类名v-bind:class③@click点击事件v-on:click④v-if决定元素是否上树二
smartfeng·2023-07-24 04:07

Vue的父子通讯和v-bind=“$props“和v-bind=“$attrs“

本文的VUE例子为typescriptvue。父子通讯父组件通过props向子组件传值，子组件通过$emit向父组件传值//Father.vue...msg='123'receiveMsg(msg){this.msg=msg;}//Child.vue{{msg}}...@Prop({type:String})msg;sendMsg(){this.$emit('receiveMsg','321')}
AI3D_WebEngineer·2023-07-23 19:42

v-bind和v-model的区别

V-bind的详解编译后:在编译的时候v-bind后面的"参数名"会被编译为HTML标签的"属性名"表达式会关联data，当data发生改变之后，表达式的执行结果就会发生变化常用于动态绑定class类型
无尘本无物·2023-07-22 06:07
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他