小编LJP*_*LJP的帖子

如何在vue.js中添加动态引用?

<input>在dom中使用for循环中的一些动态元素.我需要ref通过向每个引用添加一个Id来为每个引用添加属性,如element1,element2,..等.如何在vue中这样做?

<div v-for="(result, index) in data" :key="index">
    <input type="text" type="file" ref="element" />
</div>
Run Code Online (Sandbox Code Playgroud)

ref如果result.id存在,如何添加

vue.js

35
推荐指数
3
解决办法
4万
查看次数

如何在vue.js中处理粘贴(Ctrl + v或鼠标)事件?

我需要在将某些东西粘贴到我的vue.js应用程序中的文本区域时调用函数.在这种情况下,我应该在哪个事件中调用我的函数?

vue.js vuejs2

10
推荐指数
3
解决办法
1万
查看次数

在文件输入上使用 v-model 时出错

我有一个文件输入,我需要在文件上传后清除它。我尝试将空值设置为 v-model,但它产生了以下错误

文件输入是只读的。改用 v-on:change 侦听器。

我的代码是

<input id="fileupload" type="file" v-model="file" multiple v-on:change="uploadFile" ref="fileInput" />
Run Code Online (Sandbox Code Playgroud)

上传后如何清除vue.js中输入的文件,以便可以连续多次上传同一个文件

javascript vue.js

5
推荐指数
1
解决办法
9116
查看次数

在 vue.js 中保留 DOM 更新时的滚动位置

我有一个聊天应用程序,它加载最近的聊天消息并将它们存储在messages数组中。以前的聊天历史记录会在滚动时加载,并将添加到messages数组的开头。我需要在加载历史记录时保留滚动位置

//chat.vue
<div ref="chatHistory" @scroll="fetchHistory">
    <div v-for="item in messages" :key="item.id">
        <span>{{item.body}}</span>              
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

fetchHistory方法中,我将旧消息添加到messages数组的开头

fetchHistory(){
    if(this.$refs.messageHistory.scrollTop == 0){
        var vm = this
        this.currentPage.prevPage().then(paginator => {
            vm.messages.unshift(...paginator.messages)
        });
    }
}
Run Code Online (Sandbox Code Playgroud)

html javascript vue.js

4
推荐指数
1
解决办法
5282
查看次数

apache 中的 vue.js 路由问题

我有一个带有 vue 路由器的 vue.js 应用程序来渲染各种组件。我有一个/home加载 home 组件的路径。在开发环境中,我可以通过localhost:8080/home在地址栏中给出并使用<router-link>. 当我将生产版本部署到 apache 服务器时,当我给出localhost/home错误时

在此服务器上找不到请求的 URL /home。

但是localhost/home当我们点击链接时,这些链接是有效的并且显示在地址栏中 为什么会发生这种情况?如何解决这个问题?

apache vue-router

2
推荐指数
1
解决办法
3692
查看次数

使用 event.target 按标签名称获取元素

如何在 javascript 中使用 span 的单击事件中获取<li>a 的第一个子元素<span>event.target

javascript

-1
推荐指数
1
解决办法
1万
查看次数

标签 统计

vue.js ×4

javascript ×3

apache ×1

html ×1

vue-router ×1

vuejs2 ×1