Из-за некоторых демонстраций необходимо быстро изменить имя кодировки и т. д. и удобно настроить страницу. Поскольку построенный проект Vue больше нельзя увидеть в том виде, в каком он есть, необходимо создать файл, который не будет компилироваться во время упаковки.

Подход vue-cli 2.0 заключается в создании js в статическом файле. Правило написания vue-cli 3.0 — создавать js непосредственно в общей папке.

Конкретные операции заключаются в следующем:

1. Создайте файл config.js в общей папке. Синтаксис файла внутри — es5. Использование синтаксиса es6, несовместимого с браузером, не допускается. Поскольку этот файл не скомпилирован, некоторые браузеры синтаксиса es6 несовместимы.

2. В HTML-файле используйте теги для ввода

3. Вы можете использовать его прямо на странице по нативному методу.

Например, config.js определяет переменную с именем config, и после того, как она добавлена ​​на страницу index.html, ее можно использовать непосредственно в любом месте страницы.

config.js

/*Настройте глобальные переменные, этот файл не компилируется, поэтому вам нужно использовать собственные методы записи*/

let config = {

networkGuard:{

accountDBID: '9E54B0CA55E447148211ACEA6F911FBC', // Таблица учетных записей, сопоставление учетных записей данных интернет-полиции и идентификационной карты.

countDBQry: [ // Условия поиска таблицы аккаунтов должны быть связаны с условиями поиска таблицы данных

{fieldCode: «account», fieldName: «account», searchRule: «LK», javaType: «varchar», аналогично: 0, fieldValue:’’}, // fieldValue требует запроса назначения ввода страницы

{fieldCode:»update_time», fieldName:»Update time», searchRule:»BET», javaType:»datetime», аналогично:0, мин:»2017-01-01 00:00:00»,max:''} // max — время суток: 23:59:59

],

}

}

index.html

Использование страницы:

queryFun() {

if(!this.mobile) {

return false

}

// Убедитесь, что выражение не является номером телефона и не будет введено.

const reg = /^[1][3,4,5,7,8][0-9]{9}$/

if(!reg.test(this.mobile)) {

this.$message({ showClose: true, message: «Пожалуйста, введите правильный номер мобильного телефона!», введите: «предупреждение» })

return false

}

config.networkGuard.countDBQry[0].fieldValue = this.mobile

Object.assign(this.listQuery,{

dataBaseId: config.networkGuard.accountDBID,

params: config.networkGuard.countDBQry

})

……

Персональный отчет об ошибках:

В среде разработки я создал файл config.js в разделе public и экспортировал его, используя метод экспорта по умолчанию. Используйте конфигурацию импорта из XXX, где страница используется для ввода введения. В процессе разработки проблем не возникло, но после упаковки и публикации я обнаружил, что изменение конфигурационного файла не дало эффекта.

После исследования я понял, что неупакованные и скомпилированные файлы js не распознают синтаксис es6 и их не следует вводить с помощью метода импорта. Его следует использовать в соответствии с собственным файлом js.

На этом завершается статья о методе внедрения статических js-файлов в Vue. Для получения дополнительной информации о внедрении статических js-файлов в Vue просмотрите предыдущие статьи Yun Haitian Tutorial или продолжайте просматривать соответствующие статьи ниже. Надеюсь, вы поддержите Yun. Привет в будущем, учебник!

Исходная ссылка: https://blog.csdn.net/z591102/article/details/106832204.

Заявление об авторских правах: Содержание этой статьи добровольно предоставлено пользователями Интернета, а мнения, выраженные в этой статье, представляют собой только точку зрения автора. Данный сайт лишь предоставляет услуги по хранению информации, не имеет никаких прав собственности и не несет соответствующей юридической ответственности. Если вы обнаружите на этом сайте какое-либо подозрительное нарушение авторских прав/незаконный контент, отправьте электронное письмо, чтобы сообщить. После проверки этот сайт будет немедленно удален.

Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/184472.html Исходная ссылка: https://javaforall.cn