H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue怎么解决多页面ID重复的问题?

现在在做项目重构,老项目有很多第三方插件,一般都是用元素ID实现绑定。
现在使用vue+vue-router+webpack对项目重构,
发现由于使用了路由和压缩,页面会是一个单页面的文件,那怎么解决类似元素ID冲突这类问题呢?
小白虚心求解~

回答:

干掉ID 用ref

回答:

Vue 中 HTML 的 id 同样是一个可以绑定的属性,类似于:

<template>
  <div :id="demo">xxx</div>
</template>

<script>
export default {
  data () {
    return {
      demo: 'my-xxx-id'
    }
  }
}
</script>

这样你就可以将 id 作为 props 传入子组件,或者传入第三方插件,实现 id 的动态化了。

回答:

clipboard.png

回答:

抛弃JQ的DOM绑事件的思路;DOM与JS无关…只绑定变量…要改状态?改变量…

本文地址:H5W3 » vue怎么解决多页面ID重复的问题?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址