阅读背景:

Vue.directive()方法创建全局自定义指令

来源:互联网 

创建一个v-myfocus指令,实现input框自动聚焦

<body>
  <div id="app">
    <div class="add">
      编号:<input type="text" v-model="newId" v-myfocus="newId">
      品牌名称:<input type="text" v-model="newName" @keyDown.enter="addData">
      <input type="button" value="添加" @click="addData">
    </div>

    <div class="add">
      品牌名称:<input type="text" placeholder="请输入搜索条件">
    </div>

    <div>
      <table class="tb">
        <tr>
          <th v-mycolor="color">编号</th>
          <th>品牌名称</th>
          <th>创立时间</th>
          <th>操作</th>
        </tr>
        <tr v-for="(item,index) in list" :key="index">
          <td>{{item.id}}</td>
          <td>{{item.name}}</td>
          <td>{{item.ctime}}</td>
          <td>
            <button @click="delData(index)" v-mycolor="color">删除</button>
          </td>
        </tr>
        <!-- <tr>
          <td colspan="4">没有品牌数据</td>
        </tr> -->
        <!-- 动态生成内容tr -->
      </table>
    </div>
  </div>
</body><body>
  <div id=



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: