1、前言
现在我在做一个项目,但是没有node环境仅仅就是单纯的html工程,所有的内容都是通过js来写,也就是说vue中import和require语法也不支持,在这种情况下我们原先在vue工程中使用import {x}来引入的方式就会不适合了,当前使用的ui为element-ui。
下面直接上手吧!
2、初步代码
首先我们先要写一个很基本vue页面在.html文件中:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head th:replace="common/header :: header">
</head>
<head>
<meta charset="UTF-8">
<!-- import CSS -->
<link rel="stylesheet" th:href="@{~/css/ui/reset.css}">
<link rel="stylesheet" th:href="@{~/css/ui/index.css}">
<script th:src="@{~/js/ui/adaptionDP.js}"></script>
<script th:inline="javascript">
maqueServiceUrl = [[${maqueServiceUrl}]];
</script>
</head>
<body>
<div id="app">
<div>
<el-cascader :options="options" :show-all-levels="false"
@change="onChange" v-model="value"
:props="{ checkStrictly: true }"
placeholder="