当前位置: 首页 > news >正文

找一个网站做优化分析苏州seo门户网

找一个网站做优化分析,苏州seo门户网,网站建设 有限公司,电商网站 appVue 组件系列文章: 《Vue组件:创建组件、注册组件、使用组件》 《Vue组件:使用Prop实现父组件向子组件传递数据》 《Vue组件:使用$emit()方法监听子组件事件》 《Vue组件:插槽》 《Vue组件:混入》 《Vue组件…

 Vue 组件系列文章:

《Vue组件:创建组件、注册组件、使用组件》

《Vue组件:使用Prop实现父组件向子组件传递数据》

《Vue组件:使用$emit()方法监听子组件事件》

《Vue组件:插槽》

《Vue组件:混入》

《Vue组件:动态组件、缓存组件、异步组件》

《Vue组件:依赖注入provide和inject的使用》

《Vue组件:模板引用ref属性的使用》 

虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的 ref 属性。

<template><!-- 第一步:给 DOM 元素,添加 ref 属性 -->搜索:<input ref="search" type="text" />
</template>

挂载结束后引用都会被加载在 this.$refs 之上。

<template><!-- 第一步:给 DOM 元素,添加 ref 属性 -->搜索:<input ref="search" type="text" />
</template><script>
export default {mounted() {//第二步:使用 this.$refs 获取 DOM 元素输入框,并让输入框自动获取焦点this.$refs.search.focus();}
}
</script>

【实例】使用 ref 获取 DOM 元素并赋值。

<template><fieldset><legend>组件</legend><!-- 第一步:给 DOM 元素,添加 ref 属性 --><h3 ref="title">标题名称</h3><p>博客信息:<input ref="blogName" type="text" /></p><p>博客地址:<input ref="blogUrl" type="text" /></p></fieldset>
</template><script>
export default {//说明:mounted()生命周期钩子,在 DOM 文档渲染完毕之后进行调用。mounted() {//第二步:使用 this.$refs 获取 DOM 元素,并赋值内容this.$refs.title.innerHTML = '使用 ref 获取 DOM 元素';this.$refs.blogName.value = '您好,欢迎访问 pan_junbiao的博客';this.$refs.blogUrl.value = 'https://blog.csdn.net/pan_junbiao';}
}
</script><style scoped>
input {width: 300px;padding: 3px;font-size: 16px;
}
</style>

执行结果:

http://www.fp688.cn/news/146224.html

相关文章:

  • 集宁网站建设SEO优化网页制作的步骤
  • jquery 手机网站开发windows优化大师怎么彻底删除
  • 房地产做网站怎样吸引客户分销渠道
  • 如何让网站上线做推广网络
  • ai可以用来做网站吗最近大事件新闻
  • 网站开发与技术维护百度网络优化
  • 网络编程和网站建设联系第三方营销策划公司有哪些
  • 找人做黑彩网站靠谱么网站外链工具
  • 威客网站开发梧州网站seo
  • 漳州市网站建设全网seo
  • 赣州培训学做网站深圳网站推广公司
  • 杭州网站艰涩安徽网络关键词优化
  • 做装修的网站怎么做好厦门人才网招聘
  • 网站关键词怎么选河北网站seo
  • 网站建设专家最新引流推广方法
  • 网站编辑电子商务网站运营专员抖音代运营
  • 如何做一网站首页怎样免费给自己的公司做网站
  • 哪个网站做x展架比较好 知乎黑帽seo培训大神
  • 信息作业网站下载自助网站建设
  • 甘肃省住房和城乡建设局网站首页免费建站网站
  • 常州做网站要多少钱seo推广要多少钱
  • 延安网站建设电话百度云资源搜索网站
  • 邢台网站建设哪家好精准营销理论
  • 百度怎样建立一个网站百度下载app安装
  • 棋牌搭建工具前端优化网站
  • 注册网站会有哪些风险新东方雅思培训机构官网
  • 聊城网站建设报价电商如何推广自己的产品
  • 怎样做自己的手机网站淘宝搜索排名
  • 织梦怎么做单页网站在线刷高质量外链
  • b站有没有官方推广的价格晋城seo