qq_45732008 2023-01-31 10:51 采纳率: 89.1%
浏览 47
已结题

vue,layui怎么拼接<dl>标签

<dl class="layui-nav-child" id="List">
<dd><a href='javascript:void(0);' @click='to()' value='"+a+"'>"+a+"</a></dd>
</dl>

$("#List").append("+<dd><a href='javascript:void(0);' @click='to()' value='"+a+"'>"+a+"</a></dd>+");

现在的问题是为什么我直接写在templet里的这个@click就可以正常使用的但是我这样拼接的能够显示但是这个@click不生效

  • 写回答

4条回答 默认 最新

  • CodeBytes 2023-01-31 14:38
    关注

    可以参考下面的代码,如果可以请点击”采纳“:

    <template>
      <div>
        <dl class="layui-nav-child" id="List">
          <dd v-for="item in list" :key="item.id">
            <a href="javascript:void(0);" @click="to(item.value)">{{ item.value }}</a>
          </dd>
        </dl>
      </div>
    </template>
    
    <script>
    export default {
      data() {
        return {
          list: []
        }
      },
      methods: {
        to(value) {
          console.log(value)
        },
        addItem(a) {
          this.list.push({ id: this.list.length + 1, value: a })
        }
      },
      mounted() {
        this.addItem(a)
      }
    }
    </script>
    
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 2月23日
  • 已采纳回答 2月15日
  • 创建了问题 1月31日

悬赏问题

  • ¥15 在centos7安装conda
  • ¥15 c#调用yolo3 dll文件获取的数据对不上
  • ¥20 WPF 如何实现多语言,label 和cs(live Charts)中是否都能翻译
  • ¥15 STM32F103上电短路问题
  • ¥15 关于#单片机#的问题:以ATMEGA128或相近型号单片机为控制器设计直流电机调速的闭环控制系统(相关搜索:设计报告|软件设计|流程图)
  • ¥15 打开软件提示错误:failed to get wglChoosePixelFormatARB
  • ¥15 (标签-python|关键词-char)
  • ¥15 python+selenium,在新增时弹出了一个输入框
  • ¥15 苹果验机结果的api接口哪里有??单次调用1毛钱及以下。
  • ¥20 学生成绩管理系统设计