首页 > TAG信息列表 > MyBox
Vue-组件
组件 组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用 1.全局组件: 组件的属性不能用大写字母 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符 全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一vue动画之点击按钮往上渐渐显示出来的实例(类似与折叠面板)
<!-- 首先将要过渡的元素用transition包裹,并设置过渡的name) --> <div id="box"> <transition name="mybox"> <div class="box" v-show="boxshow"></div> </transition> <button @click="togglebAngular @ViewChild,Angular 中的 dom 操作
Angular 中的 dom 操作(原生 js) ngAfterViewInit(){ var boxDom:any=document.getElementById('box'); boxDom.style.color='red'; } 对变量定义数据类型,防止编译报错 Angular 中的 dom 操作(ViewChild) 定义模板(模板引用) <div #myattr></div> @ViewChildrust Deref
Deref <T> trait用于自定义解除引用运算符(*)的行为。如果实现Deref <T>特征,则可以将智能指针视为参考。 因此,在引用上工作的代码也可以用在智能指针上。 常规引用 常规引用是一种指向某个值的指针,该值存储在其他地方。下面来看一个简单的例子来创建i32类型值的引用,然后使用引用vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴
1.示例组件结构 <template> <div ref="myBox"> <v-page :ref="myPage"> </v-page> </div> </template> 2.获取距离顶部的距离 // ref=myBox元素 this.$refs.myBox.getBoundingClientRect().top // ref=myPage组件JQuery checkbox多选框组选中提交,当选择无一项,其他项禁止选中
在项目中难免会遇到一些表单的提交,尤其是多选框中,当用户选择了某一项时,禁止其他项的选择。所以为了避免这样的冲突,所以我们前端就得控制一下了,下面就来个简单demo,记录一下,有需要的伙伴可以拿去耍耍~~ 1、先放一张极丑的demo效果图: 2、html代码: <body> <div class="mAngular 中的 dom 操作(ViewChild)以及父子组件中通过 ViewChild 调用子组件的方法
<app-header #header></app-header><div #myBox> 我是一个dom节点</div><button (click)="getChildRun()">获取子组件的方法</button> /*ViewChild获取dom节点 1、模板中给dom起一个名字 <div #myBox> 我是一个dom节点 </div>