Vue中的is和操作DOM

2020-04-17 11:19:55

参考地址 Vue中的is和操作DOM

(1) Vue中的is属性

vue中is的属性引入是为了解决dom结构中对放入html的元素有限制的问题,譬如ul里面要接上li的标签,引入is的属性后,你完全可以写成这样

<body>
  <div id="app">
    <table>
      <tbody>
        <tr is="row"></tr>
        <tr is="row"></tr>
        <tr is="row"></tr>
      </tbody>

    </table>

  </div></body><script>
  let row = {
    data() {
      return {
        content: "这个就是222行"
      }
    },
    template: '<li>{{content}}</li>'
  };
  let app = new Vue({
    el: "#app",
    data: {
      message: "Hello World!"
    },
    components: {
      row
    }
  })</script>

(2) Vue中的DOM操作

Vue中的DOM操作必须借助ref
this.$refs 获取到所有的ref引用,然后找到引用的元素
例如

<body>
  <div id="app">
    <div @click="dianji" ref='hello'>Hello world</div>
  </div></body><script>
  let app = new Vue({
    el: "#app",
    data() {
      return {
        msaage: "测试点击我开始"
      }
    },
    methods: {
      dianji() {
        console.log(this.$refs.hello);
        this.$refs.hello.style["color"] = "red";
      }
    },
  })</script>


  • 2019-10-08 13:14:44

    MySQL 批量修改表名

    功能:将数据库 booksystem 中的表名前缀是 sys_ 开头的表名替换 sys_ 为 qun_

  • 2019-10-08 13:26:19

    详解Linux服务器最大tcp连接数

    1全部作为client端的情况下,最大tcp连接数为65535,这些连接可以连到不同的server ip。 2对server端,通过增加内存、修改最大文件描述符个数等参数,单机最大并发TCP连接数超过10万 是没问题的,国外 Urban Airship 公司在产品环境中已做到 50 万并发 。

  • 2019-10-08 14:09:57

    git创建分支并提交到远程分支

    远程分支的创建,一般都是基于本地分支的。即将本地的某个分支提交到远程,作为远程分支。命令如下:

  • 2019-10-09 13:38:20

    NPM依赖包版本号~和^和*的区别

    ~ 会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0 ^ 会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0 * 这意味着安装最新版本的依赖包