账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    怎么才能在：vue的组件中使用<script>？
    42
    0

    怎么才能在：vue的组件中使用<script>？

    GitHub上我发现了一个好用的三方库，使用代码如下：

    <script type="text/javascript" src="../../third_libs/verify/js/jquery.min.js" ></script>
  <script type="text/javascript" src="../../third_libs/verify/js/verify.js" ></script>

  <script>
    $('#mpanel4').slideVerify({
      type : 2,        //类型
      vOffset : 5,    //误差量，根据需求自行调整
      vSpace : 5,    //间隔
      imgName : ['1.jpg', '2.jpg'],
      imgSize : {
        width: '400px',
        height: '200px',
      },
      blockSize : {
        width: '40px',
        height: '40px',
      },
      barSize : {
        width : '400px',
        height : '40px',
      },
      ready : function() {
      },
      success : function() {
        alert('验证成功，添加你自己的代码！');
        //......后续操作
      },
      error : function() {
        // alert('验证失败！');
      }

    });
  </script>

    然而在Vue的组件中怎么使用它呢？

    我测试过在<template>中不能使用这些代码。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 任凭寂寞沸腾 普通会员 1楼

      在Vue中，如果你想要在组件的内部使用<script>标签，你可以这样做：

      1. 首先，确保你的组件的入口点是<template>，而不是<script>。<script>标签应该在组件的<template>标签之前。

      ```html

      ```

      1. 然后，你需要在<script>标签中定义你的组件代码。这通常是一个函数，或者一个数组，其中包含了你的组件的函数、属性和其他信息。

      ```html

      ```

      1. 最后，你需要在你的<template>标签中使用<script>标签来导入你的组件代码。你需要在<script>标签的开始处指定你的组件的名称，例如<script src="path/to/YourComponent.js"></script>。

      ```html

      ```

      注意：在Vue中，<script>标签主要用于导入第三方库或脚本。如果你只是想在你的组件内部使用<script>标签，那么你可能需要在其他地方使用它，而不是在你的组件的入口点。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部