<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[User_XuKang的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/User_XuKang</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; User_XuKang]]></copyright><item><title><![CDATA[2022/06/27总结 食品安全监管子系统]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/125483543</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/125483543</guid><author>User_XuKang</author><pubDate>Mon, 27 Jun 2022 14:45:42 +0800</pubDate><description><![CDATA[开发时一些转换]]></description><category></category></item><item><title><![CDATA[省市区Vue]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124965498</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124965498</guid><author>User_XuKang</author><pubDate>Wed, 25 May 2022 14:27:38 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div&gt;
    &lt;el-form ref="form" :model="pcbOrder" label-width="80px"&gt;
      &lt;el-form-item label="开票地址" prop="invoiceAddresshead"&gt;
        &lt;div style="display:flex"&gt;
          &lt;el-cascader
            :options="o.]]></description><category></category></item><item><title><![CDATA[ElementUI增删改查具体写法(后台管理系统)]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124922954</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124922954</guid><author>User_XuKang</author><pubDate>Mon, 23 May 2022 10:47:30 +0800</pubDate><description><![CDATA[上代码


&lt;template&gt;
	&lt;div&gt;
		&lt;!-- 搜索层 --&gt;
		&lt;div&gt;
			&lt;el-form :model="queryParams" ref="queryForm" label-width="auto" :inline="true"&gt;
				&lt;el-form-item label="活动名称" prop="name"&gt;
					&lt;el-input v-model="queryParams.name" ]]></description><category></category></item><item><title><![CDATA[vue打印 print.js]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124683081</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124683081</guid><author>User_XuKang</author><pubDate>Tue, 10 May 2022 10:50:20 +0800</pubDate><description><![CDATA[下载print.js文件

在main.js中配置

// 打印插件

import Print from '@/plugs/print'

Vue.use(Print)


// 打印插件
import Print from '@/plugs/print'
Vue.use(Print)

使用方法


&lt;template&gt;
  &lt;div class="myResume"&gt;
    &lt;section ref="print" id="print" style="width:100]]></description><category></category></item><item><title><![CDATA[vue图片上传]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124627894</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124627894</guid><author>User_XuKang</author><pubDate>Sat, 07 May 2022 11:49:08 +0800</pubDate><description><![CDATA[eleemtui中的组件el-upload


            &lt;el-upload
              class="avatar-uploader"
              :before-upload="beforeUpload"
              action=""
            &gt;
              &lt;img v-if="form.img" :src="form.img" class="avatar" /&gt;
       .]]></description><category></category></item><item><title><![CDATA[vue-quill-editor富文本框上传图片到后台]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124626529</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124626529</guid><author>User_XuKang</author><pubDate>Sat, 07 May 2022 11:01:38 +0800</pubDate><description><![CDATA[&lt;template&gt;
	&lt;div&gt;
		&lt;el-upload class="avatarUploader" action="''" :show-file-list="false" :before-upload="beforeAvatarUpload"&gt;
		&lt;/el-upload&gt;
		&lt;quill-editor ref="myQuillEditor" v-model="form.content"/&gt;
	&lt;/div&gt;
&lt;/tem.]]></description><category></category></item><item><title><![CDATA[vuecli项目打包]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124386903</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124386903</guid><author>User_XuKang</author><pubDate>Mon, 25 Apr 2022 12:52:57 +0800</pubDate><description><![CDATA[有几个问题

1.你知道软件的开发流程吗

答：需求获取--需求分析--设计--开发--测试--打包部署--上线

2.为什么要打包

答：前端的html，css，js越来越多，打开一个页面发送http也就变得很多，让后端服务器有很大压力，前端不利于性能优化，所以就要打包。把js合并压缩，css合并压缩，图片转换成img-base64



如何打包

在vuecli脚手架中 直接执行npm run build 不就行了吗 确实可以 但是是脚手架帮我们做了一些事情。

执行完npm run build之后会]]></description><category></category></item><item><title><![CDATA[自定义滚动条样式]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/124327164</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/124327164</guid><author>User_XuKang</author><pubDate>Thu, 21 Apr 2022 17:24:44 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
			.test {
				width: 50px;
				height: 200px;
				overflow: auto;
				float: left;
				margin: 5px;
				border: .]]></description><category></category></item><item><title><![CDATA[交互图片位置vue]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/123530952</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/123530952</guid><author>User_XuKang</author><pubDate>Wed, 16 Mar 2022 17:08:09 +0800</pubDate><description><![CDATA[代码如下


&lt;template&gt;
    &lt;div&gt;
        &lt;ul&gt;
            &lt;li v-for="(item, index) in listImg" :key="index"&gt;
                &lt;img :src="item.imgs" alt="" /&gt;
                &lt;i class="el-icon-upload2" @click="uploadPics(index)"&g]]></description><category></category></item><item><title><![CDATA[自定义elemetui中el-radio 的样式]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/123376642</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/123376642</guid><author>User_XuKang</author><pubDate>Wed, 09 Mar 2022 14:21:21 +0800</pubDate><description><![CDATA[默认的样子



自己修改的样式 代码如下


&lt;template&gt;
	&lt;div class="placeOrder"&gt;
		&lt;el-radio-group v-model="radio" size="small"&gt;
			&lt;el-radio label="1" border&gt;备选项1&lt;/el-radio&gt;
			&lt;el-radio label="2" border&gt;备选项2&lt;/el-radio&gt;
		&lt;/el-rad]]></description><category></category></item><item><title><![CDATA[自定义一个全局过滤器]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/122977376</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/122977376</guid><author>User_XuKang</author><pubDate>Thu, 17 Feb 2022 10:18:09 +0800</pubDate><description><![CDATA[在组件的任何地方都可以引入

代码如下

1.首先可以新建一个文件夹 filters 里面有两个js文件 一个是index.js 和filters.js

index.js里面是写对filters过滤器是怎么封装的 filters.js里面是写过滤实现的代码逻辑

index.js中的代码如下


import Vue from "vue";
import * as filters from "./filters.js"; //把filters.js里面的数据全部导入 filters相等于就是一个对象

O]]></description><category></category></item><item><title><![CDATA[uniapp获取当前的位置]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/122431955</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/122431955</guid><author>User_XuKang</author><pubDate>Tue, 11 Jan 2022 14:42:45 +0800</pubDate><description><![CDATA[在uniapp中获取当前的位置，用腾讯地图在进行解析



微信小程序JavaScript SDK | 腾讯位置服务

上代码

HTML块


		&lt;view&gt;当前城市名称：{{city}}&lt;/view&gt;
		&lt;view&gt;当前城市区域：{{district}}&lt;/view&gt;
		&lt;view&gt;当前所在地址：{{address}}&lt;/view&gt;

		&lt;!-- #ifdef H5 --&gt;
		&lt;text&gt;在h5中.]]></description><category></category></item><item><title><![CDATA[uniapp搜索框]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/122297672</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/122297672</guid><author>User_XuKang</author><pubDate>Tue, 04 Jan 2022 10:23:50 +0800</pubDate><description><![CDATA[HTML块


&lt;input type="text" placeholder="输入你要搜索的内容" class="inputs" confirm-type="search" @confirm="inputConfirm"
					@input="onKeyInput" placeholder-style='color:#a5c4c7'&gt;
				&lt;image src="../../static/images/search.png" mode="" @click="search"&gt;]]></description><category></category></item><item><title><![CDATA[模块化导入导出的方法]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/121969086</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/121969086</guid><author>User_XuKang</author><pubDate>Thu, 16 Dec 2021 11:06:30 +0800</pubDate><description><![CDATA[导入模块用import
	导出模块用export
几种不同方式的导入导出：

方法一：

在js文件里面写入，导出



在vue文件里面写入，导入



打印结果





方法二：

在js文件里面写入，导出



在vue文件里面写入，导入



输出结果






...]]></description><category></category></item><item><title><![CDATA[在uniapp开发中，自定义属性data-index，值的问题]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/121036061</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/121036061</guid><author>User_XuKang</author><pubDate>Fri, 29 Oct 2021 15:41:12 +0800</pubDate><description><![CDATA[在一个按钮中如果有自定义属性的值，又要传的参数值，那我们应该怎么接受？

代码如下：


&lt;template&gt;
	&lt;view&gt;
		&lt;button type="default" data-index='111' @click="add(1,$event)"&gt;点击&lt;/button&gt;
	&lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
	export default {
		data() {
			return {
		]]></description><category></category></item><item><title><![CDATA[在uniapp开发中用到的时间日期选择器不能重置的问题]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/121035751</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/121035751</guid><author>User_XuKang</author><pubDate>Fri, 29 Oct 2021 15:30:27 +0800</pubDate><description><![CDATA[代码部分：



这样文本框里面选择的日期时间不能得到重置

我的做法是在文本框里面添加一个ref


&lt;template&gt;
	&lt;view&gt;
		&lt;uni-datetime-picker type="date" v-model="beginTimeDate" ref='formData' /&gt;
		&lt;uni-datetime-picker type="date" v-model="endTimeDate" ref='formDatas' /&gt;
		&lt;bu]]></description><category></category></item><item><title><![CDATA[在移动端页面中头部或者底部加上固定单位的一些问题]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/121034966</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/121034966</guid><author>User_XuKang</author><pubDate>Fri, 29 Oct 2021 15:00:35 +0800</pubDate><description><![CDATA[问题在头部或者底部加上固定单位，可能会导致中间的内容被头部或者底部覆盖

解决方法：

html部分：


		&lt;div class="content"&gt;
			&lt;!-- 头部 --&gt;
			&lt;header&gt;
				&lt;div class="header"&gt;
					&lt;h1&gt;111&lt;/h1&gt;
				&lt;/div&gt;
				&lt;div class="placeholder"&gt;&lt;/div&gt;
			&lt;]]></description><category></category></item><item><title><![CDATA[在脚手架vuecli怎么解决vue项目不能自动打开浏览器]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/121033966</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/121033966</guid><author>User_XuKang</author><pubDate>Fri, 29 Oct 2021 14:37:33 +0800</pubDate><description><![CDATA[1.如果是vuecli脚手架的版本在3或者4以上的用如下方法

方法一：

在项目中找到vue.config.js文件，如果没有就自己创建一个 ，加上以下代码


module.exports = {
    devServer: {
        open: true
    }
}


方法二：

在项目中找到package.json文件在vue-cli-service serve 后面加上 --open



任选其一



2.如果是vuecli脚手架的版本在2用如下方法

首先找到confi..]]></description><category></category></item><item><title><![CDATA[vue-cli中如何引入scss]]></title><link>https://blog.youkuaiyun.com/User_XuKang/article/details/121031399</link><guid>https://blog.youkuaiyun.com/User_XuKang/article/details/121031399</guid><author>User_XuKang</author><pubDate>Fri, 29 Oct 2021 11:47:49 +0800</pubDate><description><![CDATA[1.sass安装

需要引入依赖node-sass、sass-loader、style-loader （切记必须要指定版本）

安装命令：cnpm install node-sass@^4.14.1 --save-dev

         cnpm install sass-loader@^7.3.1 --save-dev

         cnpm install style-loader --save-dev

版本太高或太低会导致webpack在编译的时候出错误...]]></description><category></category></item></channel></rss>