腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端小叙

专栏作者

407

文章

780314

阅读量

44

订阅数

vue 获取 DOM 元素的方法

编程算法 vue.js

因为每个 vue 的组件实例上，都包含一个 refs 对象，里面存储着对应的 DOM 元素或组件的引用。所以在默认情况下，组件的 refs 指向一个空对象。

2023-02-17

5.1K0

vite配置别名

import DateInput from "@/components/DateInput.vue"; (找不到模块“@/components/DateInput.vue”或其相应的类型声明。)

2023-02-10

1.2K0

前端错误捕获方案总结

https vue.js 网络安全

本文主要摘抄自：https://juejin.cn/post/7172072612430872584#heading-10，主要用来记录和学习，也推荐大家看看原博主的文章。

2022-12-30

1.4K0

vue3 报错解决：找不到模块‘xxx.vue’或其相应的类型声明。（Vue 3 can not find module）

在使用 vue ts 语言开发项目的过程中，会遇到，导入 vue 文件后，提示找不到模块‘xxx.vue’或其相应的类型声明。（Vue 3 can not find module）

2022-11-14

7.4K0

实现一个简单版 Vue2 双向数据绑定

打包 html vue.js

实现一个简单版本 Vue，仅实现了数据响应式、依赖收集、compile编译中的html和文本编译，起名为nvue，即新 vue。

2022-09-24

1750

vite + vue3 中使用按需加载

api javascript vue.js

该插件主要作用是省去每次使用一个自定义组件，或UI组件库的组件时对组件的引入。兼容不同UI组件库，需要在安装对应UI组件库的前提下，并引入对应UI组件库的 resolvers。

2022-07-04

2.2K0

vue路由跳转报错解决

vue路由跳转： setTimeout(function () { console.log(this); this.$router.push("/login"); },800) 语法没问题但是报错：

2018-07-04

1K0

vue如何加入百度联盟广告

在百度联盟代码位管理中创建好对应的代码位之后，点击获取代码，会看到这样一段js 直接复制粘贴到自己网页中便可显示对应广告。在vue中由于都是vue组件，不支持直接在组件中加入这样一段一段的js代码，

2018-04-12

2K0

vue select二级城市联动及第二级默认选中第一个option值

当二级联动比如选择国家的时候，希望选中一个国家的时候后面城市默认选中第一个城市，则给国家的select加一个@change事件就可以了 <div class="inputLine"> <span>所在区域</span> <select name="" v-model="countryName" @change="selectCountry"> <option :value="item" v-for="(item,index) in area"

2018-04-12

3.1K0

绝对定位多个字居中显示的css

在工作中遇到一种情况，例如把一个div元素绝对定位到一个位置，但是该元素中的文字个数不确定，还要保证始终该文字是居中显示，则可以定义两个div,外层div绝对定位并加一个宽度，内层div居中 .box03 .percent { position: absolute; right: 31%; top: 12%; width: 100px; font-family: arial;

2018-04-12

1.5K0

vue-router2路由参数注意问题

1、vue 路由如果传递 params 定义路由的时候是 /路由名称：id 获取的时候 this.$route.params.id 最后形如 /路由名称/路由参数传参的时候 params

2018-04-12

5270

vue父组件向子组件动态传值的两种方法

在一些项目需求中需要父组件向子组件动态传值，比如我这里的需求是，父组件动态通过axios获取返回的图片url数组然后传给子组件，上传图片的子组件拿到该数组后进行遍历并展示图片，因为有时候获取到的会是空，所以这里要考虑到动态获取。方法有两种，方法一： props传值，这里注意一个问题，传过来的值需要用watch监听并赋值，否则这里获取到的是空数组父组件： <uploadImg :width="200" :height="200" name="productImage" size="750px*750

2018-04-12

3.9K0

vue给input file绑定函数获取当前上传的对象

HTML <input type="file" @change="tirggerFile($event)"> JS(vue-methods) tirggerFile : function (event) { var file = event.target.files; // (利用console.log输出看结构就知道如何处理档案资料) // do something... } 如果直接在绑定的函数中传入this，则不能正确获取，且不能获取到相关的inputfile对象

2018-04-12

1.9K0

基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多

通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点，因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的，所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多，所以对于无限滚动加载不需要写首次载入列表的函数，代码如下： html: //父组件 <div v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="1000"> <Life

2018-04-12

2.6K0

vue获取dom元素注意问题

mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) }, methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } } vue想要获取dom元素的高，一般情况下我们都可以想到写在mounted函数里，即dom加载完再获取，但是结果并不如我们所想

2018-04-12

1.6K0

Vue slot简单理解

情形一：子组件定义了具名的slot，父组件使用具名的slot，slot显示顺序为子组件定义slot的顺序子组件： Vue.component('child',{ template:`<div class="child"><slot name="one"></slot><slot name="two"></slot></div>` }); 父组件使用子组件： <child> <h1 slot="two" class="two">woshi two</h1>

2018-04-12

1.6K0

vuex在页面中以对象展开运算符形式引入报错解决

当页面中以mapGetters等对象扩展运算符写的时候，会报错 unexpected token 解决如下： babel还要加插件才能解释这个写法 npm install --save-dev babel-plugin-transform-object-rest-spread 下载完插件后在.babelrc添加插件 { "plugins": ["transform-object-rest-spread"] } 插件地址：https://babeljs.io/docs/plugins/transfor

2018-04-12

8300

vue获取DOM元素并设置属性

这里我想到了2个方法：方法一：直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式方法二：使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素注意：在获取相应元素之前，必须在mount钩子进行挂载，否则获取到的值为空，　　如果是给子组件加id并修改自定义属性，则直接会加载改子组件对应的外层div上，并不会改变该子组件原本的自定义属性的值　　如果给子组件加ref,然后获取到该D

2018-04-12

3.8K0

vue报错集锦

1、vue报错: 没安装 less-loader css-loader style-loader 　　可能的很大原因：没安装less 2、vuex报错：Computed property "xxx" was assigned to but it has no setter 　　在使用了vuex的情况下，state时导入的state,在页面中不能直接更改state的值，需要在mutation方法中更改，然后在vue组件中commit该方法 3、iview报错：iview出现col栅格提示文字向上浮动

2018-04-12

7660

Vue.js 2.0 学习重点记录

vue.js ecmascript cdn npm node.js

Vue.js兼容性 Vue.js.js 不支持 IE8 及其以下版本，因为 Vue.js.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js.js 支持所有兼容 ECMAScript 5 的浏览器。 Vue.js安装安装方式有两种： 1、直接下载用script标签引入（推荐引入开发版本，压缩版本会失去错误提示和警告） 2、使用cdn方法引入 3、npm安装 npm安装的前提需要安装了nodejs，这里推荐nvm安装nodejs 附上一小段nvm使用的命令： $ nvm

2018-04-12

3.9K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态