vue中不能直接在html中使用import的js方法的问题和解决方法

最新推荐文章于 2024-08-26 17:24:21 发布
最新推荐文章于 2024-08-26 17:24:21 发布
阅读量1.3w 收藏 16
点赞数 11
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zongmaomx/article/details/107407504
版权

这是common.js中的方法

然后我在index.vue中引用它

 

 然后在子组件中使用，希望能将得到的fileName显示在链接中间

 结果发现报错，getFileDetails is not defined

 尝试在methods中重写一个方法，在方法中使用它，再在HTML中调用方法，发现是可以的

 

百度一番之后发现了这位老哥的解释： 原链接

也就是只需要在methods里面再声明一下这个方法就行

特此记录一下

Z077
关注
在vue中使用jointjs的方法
10-18
为了避免这种问题，你可以考虑不直接在项目中安装jQuery，而是使用JointJS自带的版本。 接下来，你需要在Vue组件的模板中创建一个容器元素，用于显示图形： ```html <div id="myholder" @click="initJoint"></...
在Vue中使用echarts的方法
08-28
在Vue中使用ECharts的方法 Vue框架是当前最流行的前端框架之一，ECharts是中国最流行的数据可视化工具之一。在实际项目中，我们经常需要将ECharts集成到Vue项目中，以实现数据的可视化展示。因此，本文将详细介绍...
【前端】Vue页面无法使用import的方法
我是Superman丶的博客
09-17 912
Tool:Tool //需要在这里重新定义一下 否则会报错。在data里重新定义一个属性。
html页面使用vue组件的函数,vue中不能直接在html中使用import的js方法问题(个人笔记)...
weixin_32028739的博客
06-03 3465
utils/util.js// 格式化时间const timeLength = (value) => {if (!value) return ''let result = parseInt(value)let h = Math.floor(result / 3600) < 10 ? '0' + Math.floor(result / 3600) : Math.floor(result ...
Vue的使用
最新发布
a3263298665的博客
08-26 387
Vue的概念及使用
vue引入.js文件的函数在直接在html中使用不生效
m0_52244931的博客
03-24 1118
vue引入.js文件的函数在直接在html中使用不生效
html 引入 vue.js
笑望灬星辰
06-13 1万+
html 引入 vue.js 1 vue官网 下载 vue.js 目录结构 编码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./js/vue.js">&
为什么推荐使用npm安装Vue，而不是直接在HTML中引入vue.js
码出幸福人生
06-11 1万+
首先这两种方式都可以使用vue.js。 区别在于，使用npm安装Vue可以方便包管理。等到应用需要越来越多的前端库和前端框架的时候，一个一个在HTML文件中引入会很不方便。 然后直接使用Vue命令，会使用webpack工具，创建项目，前端构建工具会让前端开发更加高效。
在 Vue 中想引入 HTML5的代码 引入样式的时候报错
qq_42636264的博客
05-26 365
一 在 Vue 中想引入 HTML5的代码 引入样式的时候报错 路径是对的，网上很多解决方案说路径错了，但是路径不对会报红
vue项目中在外部js文件中直接调用vue实例的方法比如说this
10-17
假设我们在Vue项目中有一个外部JavaScript文件util.js，我们希望在这个文件中使用Vue实例的$router属性来改变路由。那么，我们可以在util.js文件中这样写： ```javascript import context from '../main.js'; // ...
在Vue中使用icon 字体图标的方法
12-02
本篇文章将详细介绍如何在Vue中使用阿里Iconfont图标库，以及两种不同的使用方法：在线引入和本地化部署。 1. **在线使用阿里Iconfont图标库** - **步骤1**：访问阿里Iconfont官方网站（http://www.iconfont.cn/）...
Vue中使用canvas方法总结
01-19
下面就是小编带给大家的Vue中怎么使用canvas方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。 1、如果数组中都是canvas对象, vue如何能吧canvas对象渲染到页面。v-html只能渲染出一个字符串, 没办法像...
HTML界面利用 http-vue-loader.js以组件方式引入vue文件
TwoBE9876的博客
05-04 1172
http-vue-loader 这套工具可提供开发者直接在网页环境中载入 .Vue File，无需透过 nodeJS 环境编译，也不需要 Build 的步骤。在index的 mounted 中无法访问引入的组件 但是在 methods 通过事件可以操作 组件的数据。用法很简单，首先在网页上载入 Vue 与 http-vue-loader，如下。其他vue文件引入 第一个第一个组件 也可以生效。
vue 引入js文件中的方法，在html中使用报错的问题
未末的博客
05-21 1118
1.创建了一个common.js 2.引入到vue文件中 3.在html使用它 4.发现报错 5.解决报错，只需要在methods中声明一下它
Vue第二篇之在HTML中引入Vue.js，快速使用Vue
热门推荐
小达哥的博客
10-16 5万+
对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令，和整个vue实例的基础架构。 下载vue.js 地址：https://download.csdn.net/download/qq_31122833/10723310，下载完之后在HTML中加入v...
如何在HTML中引入vue.js
weixin_45650440的博客
11-30 1075
官网下载vue.js,然后将vue.js文件放入项目文件夹中。 #script标签引入 // An highlighted block <script src="./vue.js"></script> 错误的原因是 路径应该是 ./ 而不是 …/ ./ 与 …/ 的区别是 ./ 是同级， …/ 是根目录 ...
.js文件在html中用法（vue）
晨晨晨的博博博客
03-12 2310
第一种： 有外部文件可以直接在head里引 <script src="vue.js"></script> 但head里有了vue的js文件 其他的js文件需要在body中写 第二种： 不引 直接在html中写 举例： 在页面中出现hello vue! 用第一种方法： 用第二种方法： 直接在html中写 js 用<script type="text/javascript"></script>包裹着js...
html页面引入vue组件
weixin_49346755的博客
06-23 3477
html页面引入vue组件 html页面引入vue组件需要在页面引入http-vue-loader.js 注意：要查看页面引入vue组件的效果不能直接在本地打开index.html，会有跨域问题，可以在本地配置一个nginx转发，再用浏览器访问http://localhost:port/index.html 1.创建my-component.vue <template> <div class="hello">Hello {{who}}</div> </temp
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值