html,css,js合并到vue项⽬中项⽬⽬录: -webpage下有src和static⽂件夹,src下有assets⽂件夹
      -webpage
        -src
          -assets
        -static
⼀、html⽂件改成.vue格式的⽂件demo.vue,内容修改成如下
1 2 3 4 5 6 7<template>
</template>
<script>
export default{
}
</script>⼆、将css⽂件放到assets⽂件夹下,将js⽂件放到static⽂件夹下三、demo.vue代码中
<script>
import '@/assets/scss/monitor.css'
export default {
data(){
return{}
}
mounted(){
var cameraData=JSON.parse(this.$route.herParameter)          var usernamedata=cameraData[0].value
var passworddata=cameraData[1].value
var portdata=cameraData[2].value
var ipdata=cameraData[3].value
const ateElement('script')
<="var username='"+usernamedata+"';
var    password='"+passworddata+"';
var port='"+portdata+"';
var ip='"+ipdata+"'";
document.body.appendChild(datascript)
const firscriptItem = ateElement('script')
firscriptItem.src = './static/jquery-1.7.1.min.js'
document.body.appendChild(firscriptItem)
const secscriptItem = ateElement('script')
secscriptItem.src = './static/webVideoCtrl.js'
document.body.appendChild(secscriptItem)
const trdscriptItem = ateElement('script')
trdscriptItem.src = './static/monitor.js'
document.body.appendChild(trdscriptItem)
}
}
</script>
按以上步骤完成即可
jquery在项目里是干啥的附:.vue⽂件跳转⾄html⽂件,可使⽤a标签
<a href='src/........./demo.html'>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。